0

我在我的网站上使用媒体查询来提供以下替代内容:

• 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 媒体查询.. ..所以我的问题如下:

  1. 如何成功定位 Android 400x800(同时仍在使用 ipad 媒体查询)?
  2. 另外,我如何定位标准定义的 Android 设备(我的 iphone 媒体查询是否足以满足此要求)?
4

1 回答 1

0

您的元视口是否适合 dpi?

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">
于 2013-03-26T19:02:37.153 回答