I am using media queries on my website to deliver alternative content for the following:? Ipad 2, 3, & 4? Iphone 3, 4, and 5? AndroidMy css code is as follows:\[code\]@media screen and (min-width: 480px) and (max-width: 900px) {/* Content for ipad */}@media only screen and (max-width: 480px){/* Content for iphone */}\[/code\]Using the above css media queries works perfectly in all the flavours of ipad and iphone. However I am confused about Android devises that use high resolution screens of 400x800. The results I get for Android 400x800 is that when viewing in portrait mode I get perfect results, but when viewing in landscape mode I get the ipad content....Therefore the 400x800 Android device is catching the ipad media query in landscape mode....So my questions are as follows:[*]How do I successfully target Android 400x800 (whilst still using ipad media queries)?[*]Also how to I target standard definition Android devices (are my iphone media queries sufficent for this)?
using media queries with android 480x800
- Thread starter fofo12
- Start date