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);

禁用视口缩放iOS10 safari？

1 个答案: