用两根手指防止站点缩放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

使用 touch-action 属性。

禁用捏合/缩放手势并双击缩放手势：

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

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

body {
  touch-action: none;
}