Viewport元标记不适用于iPhone

时间:2013-02-18 19:51:45

标签: iphone ios meta-tags viewport retina-display

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

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

页面将加载放大。虽然不是所有方式(大约300像素宽度不在视野范围内)。

此外,您无法将页面放大到足以看到整个页面。

宽度=设备宽度不应该解决吗?

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

我该如何解决这个问题?

更新 所以我想,宽度似乎是由我的页面高度定义的。 iPhone上的Safari适合视口中的高度而不关心是否适合宽度,也不会让您缩小以查看整个宽度。看起来如果页面更高,你可以看到更多的宽度。 景观宽度很好。

1 个答案:

答案 0 :(得分:1)

如果您的设计没有响应,最好定位特定的设备分辨率,例如320宽度<meta name="viewport" content="width=320">

我还注意到设置为设备宽度的内容往往会在ios 4 safari上中断。我担心这不是ios safari的问题,而是导致问题的无响应设计。

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

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

使用初始比例无法解决所有设备的问题。