这三种方法我都试过了,但都无济于事:

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

每个是不同的值,我发现谷歌搜索或SO搜索推荐,但没有一个'user-scalable=X'值似乎是工作的

我还尝试用逗号来分隔值,而不是分号,运气不好。然后我尝试只呈现用户可扩展的价值,但仍然没有成功。


更新

从苹果的网站上得到了这个,它是有效的:

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

事实证明,问题是不标准的引号,因为我从一个网站复制了元标签,正在使用他们,哎呀


当前回答

我设法通过向HTML头添加以下内容来阻止这种行为。这适用于移动设备,因为桌面浏览器在使用鼠标滚轮时支持缩放。这在桌面浏览器上不是什么大问题,但考虑到这一点很重要。

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

和下面的规则到CSS样式表

html { -webkit-text-size-adjust:没有; touch-action:操纵; }

其他回答

实际上苹果在最新的iOS版本中禁用了user-scalable=no。 我尝试了一下,这种方法是可行的:

body {
  touch-action: pan-x pan-y;
}
user-scalable=0

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

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

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

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

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

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

即使是这样的:

* {
    touch-action: none !important;
}

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

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

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

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