应用CSS媒体查询检测iPad 3或新iPad有何区别?
iPad 1和2在任意方向上返回的设备宽度都为768px。那么iPad 3的情况是否相同?
应用CSS媒体查询检测iPad 3或新iPad有何区别?
iPad 1和2在任意方向上返回的设备宽度都为768px。那么iPad 3的情况是否相同?
我相信是这样的。
如果你担心新的Retina显示屏进一步增加像素分辨率会产生什么影响,那么请在你的页面头部元素中添加以下内容:
<meta name="viewport" content="width=device-width, maximum-scale=1.0" />
查看这篇文章,其中包含有关检测视口尺寸的非常有用的信息:
新iPad(或iPad 3)的媒体查询几乎保持不变。 因此,如果您检查min-device-width为768px,则仍适用于新iPad。但是,为了提供更具体的查询,您可以检查设备宽度在1536像素和2048像素之间。
有一个非常好的教程介绍如何使用CSS媒体查询 http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8