iPad 3（或新iPad）上的CSS媒体查询

Question

3

应用CSS媒体查询检测iPad 3或新iPad有何区别?

iPad 1和2在任意方向上返回的设备宽度都为768px。那么iPad 3的情况是否相同?

- copenndthagen

我们在这个主题中找到了答案：https://dev59.com/_2kw5IYBdhLWcg3wmrqH#9793715 - Connor

是的，即使下面的答案也很有帮助。 - copenndthagen

3个回答

0

我相信是这样的。

如果你担心新的Retina显示屏进一步增加像素分辨率会产生什么影响，那么请在你的页面头部元素中添加以下内容：

<meta name="viewport" content="width=device-width, maximum-scale=1.0" />

查看这篇文章，其中包含有关检测视口尺寸的非常有用的信息：

- pixelutely

-1

新iPad（或iPad 3）的媒体查询几乎保持不变。因此，如果您检查min-device-width为768px，则仍适用于新iPad。但是，为了提供更具体的查询，您可以检查设备宽度在1536像素和2048像素之间。

- user1297293

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Teemu Talja · Accepted Answer

新款iPad的设备宽度与第一代和第二代iPad相同（768），详见此处。