Take the 2-minute tour ×

Using Chrome on Android version 29.0.1547.59, on a Nexus 7.

I have a style sheet with the following media queries.

@media screen and (width: 601px) and (orientation: portrait) { 
    table.background {width: 601px !important; }

    table.background {width: 768px !important;}

The first is to identify Chrome a Nexus 7 in portrait mode, and the second is to detect ipads in portrait mode. I was using max-width at some point.

When I visit the page in question (not public), I can see via ADB that the correct media queries are being invoked. However, when I switch to landscape, and then pack to portrait, the ipad media query is being picked up, which is shouldn't, since the device width in portrait isn't in the range of 768 to 1024.

Unfortunately, I couldn't do a JsFiddle for this, since it requires the usage of a full screen for the media queries.

share|improve this question
add comment


Your Answer



Browse other questions tagged or ask your own question.