CSS Media Query max-width and ipad -


i have set of rules i'd apply screens smaller 960px wide.

the obvious was:

@media screen , (max-width : 959px)

however fails ipad in portrait mode. i've read ipad reports width , height same regardless of orientation.

is there standard way of making sure ipad (or other devices use same logic ipad) respect actual width being viewed?

obviously i'd prefer avoid "ipad-specific" rules, or orientation queries - query should apply screen less 960 pixels wide.

thanks.

try using @media screen , (max-device-width : 1024px) instead. should cover ipad in landscape or portrait.

i've read ipad reports width , height same regardless of orientation.

this tricky. ipad reports same max-device-width regardless of orientation. however, correctly respects different max-width @ different orientations/widths. device part doesn't change.

hope helps.


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -