我无法在IPhone / IPAD中缩放响应式网站

时间:2012-05-15 05:30:28

标签: html css responsive-design

我无法在iPhone和IPAD中缩放响应式网站。但同时我对Android手机没有任何问题。它完美地放大和缩小。 我有像这样的元标记

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />

3 个答案:

答案 0 :(得分:0)

几乎可以单独说出来:

user-scalable=0

Safari Web内容指南告诉我们,当我们需要&#34;设置初始比例并关闭用户缩放时使用它。&#34;这就是阻止你放大和缩小的原因。

答案 1 :(得分:0)

我认为你应该删除最后3个属性,

, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0

完全。

这应该允许Mobile Safari用户根据需要进行扩展。

答案 2 :(得分:0)

您还需要将“minimum-scale = 1.0”设置为您希望用户能够放大的任何内容(以及将“用户可扩展”设置为1),例如:2.0将100%缩放