Question

我读到的每个地方，Ipad 1上的屏幕宽度都是1024 x 768。

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

然后，当jQuery使用$（window）.width（）时，我嗅出了宽度。它只报告768px x 467px;

我有以下metatag：

meta name =“viewport”content =“width = device-width”

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">