禁用视口缩放iOS10 safari？

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”值似乎都不起作用

我还尝试用逗号而不是分号来分隔值，但没有运气。然后我尝试只存在用户可扩展的值，仍然没有运气。

Apple 这么说

为了提高 Safari 中网站的可访问性，即使网站在视口中设置了 user-scalable=no，用户现在也可以捏合缩放。

也试过了：

<meta name="HandheldFriendly" content="true">
html {
   -webkit-text-size-adjust: none
}

也尝试过 Javascript

document.documentElement.addEventListener('touchmove', function (event) {
      event.preventDefault();      
}, false);

Javascript 解决方案有效，但它也禁用了水平滚动。 :(

以上都不起作用。有什么想法吗？

Answer 1

这应该有效，直到 Apple 意识到他们并停止删除我们都使用的功能...

document.documentElement.addEventListener('gesturestart', function (event) {
    event.preventDefault();      
}, false);