Angular 9：如何禁用 ios 移动浏览器双击缩放

Question

Angular 9：如何禁用 ios 移动浏览器双击缩放。

试过了：

<meta name="viewport" content="width=device-width, , initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">

touch-action: none;

-webkit-text-size-adjust: none;

Answer 1

您可以将touch-action: manipulation 添加到要防止双击放大的元素。

From documentation;

**操作：** 启用平移和捏缩放手势，但禁用其他非标准手势，例如双击缩放。禁用双击缩放可以消除浏览器在用户点击屏幕时延迟点击事件生成的需要。这是“pan-x pan-y pinch-zoom”的别名（为了兼容性，它本身仍然有效）。