我在iOS 12中使用以下代码:

if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
  window.document.addEventListener('touchmove', e => {
    if(e.scale !== 1) {
      e.preventDefault();
    }
  }, {passive: false});
}

使用第一个if语句，我确保它只会在iOS环境中执行(如果它在Android中执行，滚动行为将被破坏)。另外，请注意被动式选项设置为false。

为了符合WAI WCAG 2.0 AA可访问性要求，您必须永远不要禁用缩放。(WCAG 2.0: SC 1.4.4 Resize text Level AA)。你可以在这里阅读更多关于它的内容:移动辅助功能:WCAG 2.0和其他W3C/WAI指南如何应用于移动，2.2缩放/放大

我在iOS 12中使用以下代码:

if (/iPad|iPhone|iPod/.test(navigator.userAgent)) {
  window.document.addEventListener('touchmove', e => {
    if(e.scale !== 1) {
      e.preventDefault();
    }
  }, {passive: false});
}

使用第一个if语句，我确保它只会在iOS环境中执行(如果它在Android中执行，滚动行为将被破坏)。另外，请注意被动式选项设置为false。

编辑:在ios10之后可能无法工作，请参阅下面基于触摸动作的解决方案。

您的代码将属性双引号显示为花哨的双引号。如果花哨的引号出现在您的实际源代码中，我猜这就是问题所在。

这对我来说在iOS 4.2的Mobile Safari上是有效的。

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

@mattis是正确的，iOS 10 Safari不允许你禁用用户缩放属性的缩放。但是，我在'gesturestart'事件上使用preventDefault禁用了它。我只在iOS 10.0.2的Safari上验证了这一点。

document.addEventListener('gesturestart', function (e) {
    e.preventDefault();
});

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

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

即使是这样的:

* {
    touch-action: none !important;
}

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

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