我在我的网站上使用媒体查询为以下内容提供替代内容:
•Ipad 2,3和& 4
•Iphone 3,4和5
•Android
我的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媒体查询。 ..所以我的问题如下:
答案 0 :(得分:0)
您的元视口是否包含dpi?
<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">