Html 5 WebApp 可扩展性元标记答案

【问题标题】：Html 5 WebApp Scalability Meta TagHtml 5 WebApp 可扩展性元标记
【发布时间】：2011-09-19 15:41:16
【问题描述】：

我目前正在开发一个 Html 5 WebApp。除了可扩展性（缩放）之外，整个应用程序运行良好。我在我的 WebApp 页面上放置了以下 Meta 标签，

<meta name="viewport" content="user-scalable=yes; width=device-width; height=device-height; initial-scale=1.0;" />

经过大量研究，我得出的结论是，这些 Meta 标签主要用于 iPhone 版本的 safari。但是，我遇到的问题是，当 iPhone 用户在我的网站上时，在将 WebApp 添加到主屏幕之前，用户无法放大或缩小（使用捏合动作）。似乎产生放大效果的唯一方法是用户更改手机的方向。

我已经在 Apple 设备和 Android 设备上测试了这个元标记。 Android 设备在 user-scalable=no 时禁用缩放，在 user-scalable=yes 时允许缩放，而 Apple 设备在这两个测试用例中都不允许缩放。

我的问题是：

【问题讨论】：

【解决方案1】：

我可能是错的，但我认为您根本不需要 user-scalable 行。您是否尝试过删除它并查看会发生什么？这样的事情通常就足够了：

<meta name="viewport" content="width=device-width" />

……然后可能会从那里进行调整。如果您确实想使用所有属性，请尝试用逗号而不是分号分隔它们。例如：

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

【讨论】：

谢谢，您的解决方案解决了问题。我删除了用户可缩放标签并将分号更改为逗号。
我会投票给你，但我没有足够高的声誉来投票。
不用担心；感谢您回来告诉我们您已解决此问题。
我也有类似的情况。我希望我的 webapp 启用缩放但初始比例为 1.0。如果我删除整个元线，我会缩放，但页面看起来有点小，如果我添加宽度=设备宽度的元线，缩放将被禁用。我在 iPad2 上测试。我做错了什么？