iOS Pinch Zoom - 現在無法使用視口禁用

Question

我一直在使用視頻的元標記，就像Apple在他們自己的開發者頁面上說的那樣，現在多年來我的響應式設計。 截至目前，我的iPhone現在甚至能夠放大以下內容

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width;" />
<meta name="HandheldFriendly" content="true" />

初始頁面加載到正確的大小，但用戶現在可以放大並且視口不起作用。 我想知道是否有辦法禁用使用jQuery捏縮放？ 由於我已經在我的頁面上使用了一些，因此很容易實現。

請注意 ：即使在davidwalsh.name/demo/mobile-viewport.php類的其他網站上，它現在也可以放大。我想這是12月發布的html5不允許最大規模屬性的變化的一部分。 meta標簽，但我不能確定。 到目前為止，我一直在使用noBounce.js禁用了所有的iOS彈跳和縮放功能，但我不確定哪個部分控制縮放以便從中刪除它並且我不再在大多數應用程序上使用noBounce出於其他原因。

Answer 1

從iOS 10開始，移動Safari瀏覽器將忽略user-scalable=no ，並允許在每個網站上進行縮放和縮放以提高可訪問性。

從iOS 10更改日志：

為了改善Safari中網站的可訪問性，即使網站在視口中設置了user-scalable = no，用戶現在也可以進行縮放。

看起來我們必須開始設計具有捏合和縮放的網站，至少對於Apple設備而言。

Answer 2

我提出了iOS10 Pinch-to-Zoom問題，我可以通過head標簽內部的操作來修復這個問題到PortableWebApp（Cordova）。

我所做的只是在app.js的init（）中添加這一行

$('head').append('<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width;" />');

該應用程序現在是可滾動的，適應不同的屏幕尺寸/設備，不再需要縮放。 注意：請記住，這僅適用於混合應用程序，Safari不受此變通方法的影響。