2016-09-27 31 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