HTML 如何在移动手机端上禁用视口缩放？

我已经尝试了所有这三个方法都无济于事：

<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 搜索推荐的不同值，但“用户可扩展 = X”值似乎都不起作用

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

更新

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

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

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

分割线

网友回答：

编辑：iOS 10之后可能无法正常工作，请参阅下面的基于解决方案。touch-action

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

这在iOS 4.2的移动野生动物园上对我有用。

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

分割线

网友回答：

对于寻找iOS 10解决方案的人，在iOS 10的Safari中被禁用。原因是苹果正试图通过允许人们放大网页来改善可访问性。user-scaleable=no

来自发行说明：

为了改进 Safari 中网站的辅助功能，用户现在可以
捏合缩放，即使网站在
视口中设置了用户可缩放=否。

所以据我了解，我们很倒霉。

分割线

网友回答：

@mattis是正确的，iOS 10 Safari 不允许您使用用户可扩展属性禁用捏合缩放。但是，我让它在“手势启动”事件上使用 preventDefault 禁用。我只在iOS 10.0.2的Safari上验证了这一点。

document.addEventListener('gesturestart', function (e) {
    e.preventDefault();
});

模板简介：该模板名称为【HTML 如何在移动手机端上禁用视口缩放？】，大小是暂无信息，文档格式为.编程语言，推荐使用Sublime/Dreamweaver/HBuilder打开，作品中的图片，文字等数据均可修改，图片请在作品中选中图片替换即可，文字修改直接点击文字修改即可，您也可以新增或修改作品中的内容，该模板来自用户分享，如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。