1. racerxnyc's Avatar
    I am developing a website that has a second CSS file for the mobile version.

    It works on every mobile device & emulator I have tested, EXCEPT androids.

    On android, the website comes up in "standard website view", rendered from my website's SCREEN css file.
    If I hit refresh, it then comes up in "mobile view", being rendered from the MOBILE css file.

    Why is it not seeing the MOBILE css file right off the bat, like every other device does? Any ideas?

    WEBSITE:
    Fourth Judicial District - N.Y. State Courts


    The code I am using in the webpage is

    <link href="/GLOBAL-CSS/UCS-Main-layout-screen.css" media="Screen" rel="stylesheet" type="text/css" />
    <link href="/GLOBAL-CSS/UCS-Main-layout-mobile.css" media="handheld, all" rel="stylesheet" type="text/css" />
    <meta name="HandheldFriendly" content="True" />
    <meta name = "viewport" content = "width = device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" />

    And the code in the beginning of the MOBILE stylesheet is

    @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 768px)
    06-18-2012 11:36 AM
LINK TO POST COPIED TO CLIPBOARD