截至今天(2022年10月)，在iOS 14.8上，我可以完全防止双击缩放的唯一方法是:

document.addEventListener("click", (e) =>
        {
            e.preventDefault();
        })

即使是这样的:

* {
    touch-action: none !important;
}

(这显然是不现实的，但只是为了演示目的)在每种情况下都是不够的。事实证明，任何我处理过的for元素点击，双击它将导致几乎不可逆的放大，完全忽略触摸操作设置。但是如果我在点击处理程序中调用preventDefault()，它就不会缩放。因此，到目前为止，在文档级别上这样做似乎就足够了，这样我就不必每次处理单击时都这样做。

我不知道这可能会有什么副作用，但我相信如果人们想到了什么，他们会插话的。

对于iphone safari到iOS 10“viewport”不是一个解决方案，我不喜欢这种方式，但我已经使用了这个javascript代码，它帮助了我

 document.addEventListener('touchmove', function(event) {
    event = event.originalEvent || event;
    if(event.scale > 1) {
      event.preventDefault();
    }
  }, false);

试着在你的头标签上添加以下内容:

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

另外

<meta name="HandheldFriendly" content="true">

最后，无论是作为一个样式属性还是在你的css文件中，为基于webkit的浏览器添加以下文本:

html {
    -webkit-text-size-adjust: none
}

我尝试了以上所有方法，但这在IOS设备上很管用:

<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0">

user-scalable=0

这在iOS 10上不再适用。苹果删除了这一功能。

没有办法你可以禁用缩放网站在iOS现在，除非你做gross平台应用。

这个应该可以在iphone上运行。

<meta name="viewport" content="width=device-width, initial-scale=1 initial-scale=1.0, maximum-scale=1.0, user-scalable=no">