ipad - 为什么我的 iPad 上 safari 视口的宽度只有 768 像素而不是 1028 像素？

Question

在我阅读的所有地方，Ipad 1 的屏幕宽度都是 1024 x 768。

我使用引导程序构建了一个站点，当在 iPad 上以横向模式查看站点时，会出现可折叠的导航按钮。它不应该。它应该只出现在宽度小于 1024 像素的视口中。

然后我嗅出宽度，因为 jQuery 使用 $(window).width(); 看到它。它只报告 768px x 467px；

我有以下元标记：

元名称=“视口”内容=“宽度=设备宽度”

Answer 1

在横向模式下，iPad 会放大内容，以便有效视口与纵向模式下相同。

试试这个 - ISTR 它应该强制所有窗口进行 1:1 缩放，并防止用户缩放。

<meta name="viewport" content="user-scalable=1.0,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">