启用放大移动网站答案

【问题标题】：Enable zoom in mobile website启用放大移动网站
【发布时间】：2011-12-29 10:19:32
【问题描述】：

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

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

我想知道：

【问题讨论】：

【解决方案1】：

这是因为您已将最大比例设置为最小数量 (1.0)，这意味着它的缩放比例不会超出最初渲染的范围。您需要在该元标记中将最大比例设置为 1.0 到 10.0 之间的其他值。 Apple 的默认设置是根据Apple's Documentation 将最大比例设为 5.0。

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

还将用户可缩放设置为 1。

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

【讨论】：