Grow your CSS skills. Land your dream job.

[Solved] Android 2.3 device not recognizing media queries

  • # 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.

    # January 7, 2013 at 3:42 pm

    Just had to add to the head:

    # 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) {

    Thanks!

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".