3

应用 CSS 媒体查询来检测 iPad 3 或新 iPad 会有什么不同吗？

iPad 1 和 iPad 2 在两个方向上都返回了 768px 的设备宽度。那么在 iPad 3 上也一样吗？

4

3 回答 3

7

新 iPad 报告的设备宽度与第一台和第二台 iPad (768) 相同。

于 2012-06-02T08:44:54.267 回答
0

我相信是的。

如果您担心新 Retina 显示屏的像素分辨率进一步提高会带来影响，请在页面的 head 元素中添加以下内容：

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

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

http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags .htm

于 2012-03-27T10:17:25.300 回答
-1

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

在http://itunes.apple.com/in/app/designmobileweb/id486198804?mt=8上有一个很好的关于使用 CSS 媒体查询的教程

于 2012-03-28T06:13:21.293 回答