html - 如何在 Mobile Safari 上禁用视口(viewport)缩放？

Question

这三种方法我都试过了，但都无济于事:

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” />

<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” />

每一个都是我发现谷歌搜索或 SO 搜索推荐的不同值，但 'user-scalable=X' 值似乎都不起作用

我还尝试用逗号而不是分号来分隔值，但没有运气。然后我尝试只存在 user-scalable 值，仍然没有运气。

---

更新

从 Apple 的网站上得到这个，它可以工作:

<meta name="viewport" content="width=device-width, user-scalable=no" />

原来问题出在非标准引号，因为我从使用它们的网站复制了元标记，哎呀

Answer 1

编辑:iOS 10 后可能无法使用，请参阅下面基于 touch-action 的解决方案。

您的代码将属性双引号显示为花哨的双引号。如果您的实际源代码中存在花哨的引号，我猜这就是问题所在。

这适用于 iOS 4.2 的 Mobile Safari。

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