禁用視口縮放iOS10野生動物園？

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;" />

每個都是我發現由Google搜索或SO搜索推薦的不同值，但是'user-scalable = X'值似乎都不起作用

我還嘗試了用逗號分隔值，而不是分號，沒有運氣。 然后，我嘗試僅使用用戶可擴展的值，仍然沒有運氣。

蘋果說

為了提高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);