4

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

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

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

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

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

所以我尝试了 0.29 的初始比例，这对 iPhone 来说效果很好。但是当在 iPad 上加载网站时，它显然太小了。

我怎样才能解决这个问题？

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

4

1 回答 1

1

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

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

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

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

玩初始规模并不能解决所有设备的问题。

于 2013-07-23T13:17:32.367 回答