Give help. Get help.

  • # January 7, 2013 at 11:43 am

    Any idea why my Android 2.3 (Gingerbread) device is not recognizing the **third** media query? The media queries are found at the end of my general styles which have been linked to the respective HTML page.

    @media only screen and (max-width: 959px) {…}
    @media only screen and (max-width: 767px) {…}
    @media only screen and (max-width: 479px) {…}

    FYI – When viewed on a browser the page **does** re-orient properly.

    # April 12, 2013 at 11:51 am

    Hi, nlourenco! Did you find that this problem was ONLY for Android 2.3? I’m experiencing the same issue, but my mobile website looks fine on 4+ and 2.2 and below, and I want to be sure that’s the case.

    Also, is there a way to add this information–which is supposed to go in the head–to the CSS stylesheet instead? I’m using Mobify to create a mobile website. A portion of my code is for all mobile devices, and a portion of it is for iPad only. The iPad portion uses this media query:

    @media only screen
    and (min-device-width : 768px)
    and (max-device-width : 1024px) {


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.