使用android 480x800的媒体查询

时间:2013-03-26 17:46:30

标签: css css3

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

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

  1. 如何成功定位Android 400x800(同时仍在使用ipad媒体查询)?
  2. 此外,我如何定位标准清晰度的Android设备(我的iphone媒体查询是否足够?)

1 个答案:

答案 0 :(得分:0)

您的元视口是否包含dpi?

<meta name="viewport" content="width=device-width, target-densityDpi=device-dpi">