2016-09-27 74 views
0

我已经尝试了所有这三种,但没有运气:禁用视口缩放iOS10 safari?

<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”值似乎是工作

我也试着用逗号分隔值而不是分号,没有运气。然后,我尝试了只有用户可扩展的价值,但仍然没有运气。

苹果表示,这

为了改善在Safari网站可访问性,用户现在可以捏到变焦,即使一个网站设置用户可扩展=没有在视口中。

也试过:

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

试图使用Javascript以及

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

JavaScript解决方案的工作,但它禁用横向滚动也是如此。 :(

上面这些都不是工作。任何想法?

+0

的可能的复制[禁用viewport zooming iOS 10 safari?](http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari) – robocat

回答

3

这应该工作,直到苹果自带幡然醒悟,停止删除功能大家使用...

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

这会导致不一致的pinchzoom ...有时可能,有时候在放大时不会回来: | ...苹果真的以不良方式覆盖了一些东西 – Gags