iOS/iPadOS Safari双击缩放需双重拦截：先在HTML head顶部插入完整viewport meta标签（含minimum-scale、maximum-scale、user-scalable），再用JS绑定document.documentElement监听dblclick、gesturestart、touchend（防连击）和touchmove（多点）事件并preventDefault。
当你在iOS或iPadOS设备上用Safari浏览网页时，手指双击某段文字或按钮区域，页面会突然局部放大——这不是你主动触发的缩放操作，而是Safari把双击识别为“聚焦阅读”的意图，自动将该区域居中并放大至可读尺寸。这种行为在表单、按钮、卡片类交互密集的页面极易误触，且无法通过常规设置开关关闭。
在HTML中锁定viewport缩放参数
这一步必须最先完成，否则后续所有JS拦截都可能失效。它从页面加载源头切断用户缩放能力，是强制生效的第一道防线。
打开网页的HTML文件，在
标签内部最顶端插入以下meta标签：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
【content属性中minimum-scale、maximum-scale、user-scalable三项缺一不可】。只写user-scalable=no在iOS 10+版本中会被系统忽略；若maximum-scale和minimum-scale值不一致（比如写成1.0和0.8），Safari仍可能在双击时执行非对称缩放。
确保该标签位于所有CSS link和JavaScript script标签之前。若使用Vue CLI、Next.js等框架，请检查public/index.html是否已固化此meta，而非依赖运行时JS动态注入。
用JavaScript拦截双击与手势事件
仅靠viewport无法阻止Safari对dblclick的底层缩放响应——这是iOS/iPadOS特有的原生行为，必须显式捕获并取消默认动作。
方法一：阻止dblclick和gesturestart事件
在页面
底部或DOM ready后执行以下脚本：document.documentElement.addEventListener("dblclick", e => e.preventDefault(), {passive: false});
document.documentElement.addEventListener("gesturestart", e => e.preventDefault(), {passive: false});
必须绑定到document.documentElement而非document.body或具体按钮，因为Safari的双击缩放判定覆盖整个视口，绑在局部元素上会漏掉。
方法二：用touchend时间戳防连击（适用于touch-action: manipulation场景）
某些按钮设置了touch-action: manipulation后，dblclick事件可能不触发，但两次touchend间隔≤300ms仍会触发缩放。此时需加时间戳拦截：
let lastTouchEnd = 0;
document.documentElement.addEventListener("touchend", function(e) {
const now = Date.now();
if (now - lastTouchEnd
e.preventDefault();
}
lastTouchEnd = now;
}, {passive: false});
禁用双指缩放防止误判
第一步：监听touchstart事件，当检测到多于一个触摸点时立即阻止默认行为
document.documentElement.addEventListener("touchstart", function(e) {
if (e.touches.length > 1) {
e.preventDefault();
}
}, {passive: false});
第二步：同步拦截touchmove事件中的多点操作
document.documentElement.addEventListener("touchmove", function(e) {
if (e.touches.length > 1) {
e.preventDefault();
}
}, {passive: false});
这两步必须同时存在。单独拦截touchstart无法覆盖滑动过程中持续的双指缩放判定，尤其在iPadOS大屏拖拽场景下容易失效。
