iphone - 启用移动网站缩放

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 默认的最大比例为 5.0，如 Apple's Documentation .

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