视口元标记不适用于iPhone

Question

我的网站有一个固定的布局，大小为1090px。 当我使用此meta标签：

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

页面将加载放大虽然不是所有的方式（宽度大约为300px超出视图）。

此外，您无法将页面放大到足以查看整个事物。

不应该宽度=设备宽度解决？

所以我尝试了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 

初始规模会打不解决这个问题的所有设备。