启用移动网站放大

Question

我正在开发移动网站。但缩放效果在我的页面上不起作用。我在页面中使用了以下标签。

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

我想知道：

1. 是否有可能获得这个标签的变焦效果，以及如何以正确的方式使用它？

2. 有没有更多标签可以用于此目的？

3. 我们的客户群大多是在iPhone上。在为iPhone用户开发移动网站时，我应该考虑/使用哪些特殊的东西/技术？

Answer 1

这是因为您已将最大比例设置为最小值（1.0），这意味着它不会超出最初呈现的范围。您需要在该元标记中将最大比例设置为1.0到10.0之间的其他值。苹果的默认设置是将最大比例设为5.0，如Apple's Documentation。

Apple's Documentation on Meta Tags对视口的属性，其列出所有可以用来

Answer 2

集还用户可升级到1

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=10.0; user-scalable=1;" /> 

Answer 3

当我只是碰到这种此帖一视meta标签的表，因为我遇到了同样的问题，我意识到你也可以简单地移除标签以使其滚动/缩放。