用两个手指阻止站点缩放ios

Question

如何防止iOS中的用户用两根手指缩放网站？

我把这个属性

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

它只适用于双击，当用两个手指缩放时，它不起作用，如何解决这个问题，或者ios无论如何都会让你放大？

Answer 1

使用触摸动作属性。

禁用捏/缩放手势和双击缩放手势：

body {
touch-action: pan-x pan-y;
}

如果你也不需要平移手势，只需要：

body {
touch-action: none;
}

Answer 2

将上面的信息添加到viewport元标记中对我来说也不起作用。我添加了

body {
touch-action: pan-x pan-y;
}

一切都在安卓系统上完美运行。然而，我们使用的是蚂蚁设计，出于某种原因，在添加的主体中添加了一个名为蚂蚁滚动效果的类

body {
touch-action: none;
}

但它仍然可以让你在iOS上缩放。我还不明白为什么这在安卓系统上完美运行，但在iOS系统上不起作用。