我在我的网站上使用媒体查询来提供以下替代内容:
• iPad 2、3 和 4
• Iphone 3、4 和 5
• 安卓
我的CSS代码如下:
@media screen and (min-width: 480px) and (max-width: 900px) {
/* Content for ipad */
}
@media only screen and (max-width: 480px){
/* Content for iphone */
}
使用上面的 css 媒体查询在 ipad 和 iphone 的所有风格中都可以完美运行。但是,我对使用 400x800 高分辨率屏幕的 Android 设备感到困惑。我为 Android 400x800 获得的结果是,在纵向模式下查看时我得到了完美的结果,但是在横向模式下查看时我得到了 ipad 内容..因此,400x800 Android 设备在横向模式下捕获了 ipad 媒体查询.. ..所以我的问题如下:
- 如何成功定位 Android 400x800(同时仍在使用 ipad 媒体查询)?
- 另外,我如何定位标准定义的 Android 设备(我的 iphone 媒体查询是否足以满足此要求)?