视口元标记不适用于 iPhone

Question

我的网站有一个固定的布局，大小为 1090 像素。 当我使用这个元标记时：

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

页面将加载放大。虽然不是一路（大约 300 像素的宽度是看不见的）。

此外，您不能将页面缩小到足以看到整个内容。

width=device-width 不应该解决这个问题吗？

所以我尝试了 0.29 的初始比例，这在 iPhone 上运行良好。但是在 iPad 上加载网站时，它显然太小了。

我该如何解决这个问题？

更新： 所以我只是想，宽度似乎是由我的页面的高度定义的。 iPhone上的Safari适合视口中的高度并且不关心适合宽度，也不会让您缩小以查看整个宽度。看起来如果页面更高，你可以看到更多的宽度。 横向宽度还可以。

Answer 1

如果您的设计没有响应，最好针对特定的设备分辨率，例如 320 宽度，我会选择 <meta name="viewport" content="width=320">

我还注意到，设置为设备宽度的内容往往会在 ios 4 safari 上中断。恐怕不是 ios safari 的问题，而是导致问题的非响应式设计。

如果设计没有响应，那么使用这种组合是最糟糕的

user-scalable=no or maximum-scale=1 with initial-scale=1

使用初始比例并不能解决所有设备的问题。