在 Safari iOS 13 + 上禁用双击缩放

Question

我们如何在 Safari iOS 13+ 移动设备上禁用“双击缩放”？

有时它会放大，有时不会。我觉得它可能只适用于特定的 HTML 元素。

而且我读到默认情况下在 iOS 13 上应该禁用“双击缩放”，只有捏缩放才可以工作，但事实并非如此。

Answer 1

您可以添加以下元标记以停止在 ios 设备上缩放。

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

一个css修复：

body{
    touch-action: manipulation;
}

希望是有帮助的。

Answer 2

这适用于 Safari iOS 15

document.ondblclick = function(e) {
    e.preventDefault();
}