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

【问题标题】：Why is the width of my safari viewport on my iPad only 768px instead of 1028px?为什么我的 iPad 上 safari 视口的宽度只有 768 像素而不是 1028 像素？
【发布时间】：2012-11-24 20:56:16
【问题描述】：

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

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

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

我有以下元标记：

meta name="viewport" content="width=device-width"

【问题讨论】：

状态栏高度为20px，导航栏高度为44px。这可能与原来的 768px 不同。
谢谢。我关心的是宽度，而不是高度。
对，那么这个问题仅限于纵向吗？

标签： ipad mobile-safari device-width

【解决方案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">

【讨论】：

这就是票！！！！它也适用于：meta name="viewport" content="initial-scale = 1" 非常感谢！