启用放大移动网站

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之间的其他值。 Apple的默认值是根据Apple's Documentation将最大比例设置为5.0。

Apple's Documentation on Meta Tags有一个关于视口属性的表，列出了可以使用的所有视口元标记

Answer 2

当我刚看到这篇文章因为遇到同样的问题时，我意识到你也可以简单地删除标签以使其滚动/缩放。

Answer 3

将用户可扩展性设置为1。

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