真正起效需四层叠加：viewport meta（含maximum-scale=1.0、minimum-scale=1.0、user-scalable=no、initial-scale=1.0）、dblclick拦截（绑定document.documentelement，passive: false）、gesturestart拦截、touch时间戳逻辑（含touchend防快速双击、touchstart防多点）。
user-scalable=no 单靠这个 meta 属性在 iOS 16+（尤其是 iPadOS）上已经不可靠，必须配合 JavaScript 事件拦截才能真正禁用双击缩放。
viewport meta 标签必须写全三项
只写 user-scalable=no 不够，iOS Safari 会忽略部分组合。必须同时指定：maximum-scale=1.0、minimum-scale=1.0 和 user-scalable=no，且顺序无关，但缺一不可。
-
initial-scale=1.0要显式写上，避免某些 iOS 版本 fallback 到非整数缩放 - 该
<meta>必须放在最前面，早于任何 CSS 或 JS 加载，否则可能被后续脚本覆盖 - 不要用
user-scalable=0—— 这是过时写法，iOS 10+ 已不识别
dblclick 事件监听器要绑定到 document.documentElement
直接绑 document.body 在 DOM 尚未就绪时会失败，尤其首屏渲染快的页面。iOS Safari 对 dblclick 的触发非常敏感，漏掉一次就可能放大。
- 使用
document.documentElement.addEventListener('dblclick', e => e.preventDefault(), { passive: false }) -
{ passive: false }是硬性要求：iOS 14+ 默认把 touch / click 监听器设为 passive，此时e.preventDefault()会被静默忽略 - 建议在
DOMContentLoaded后立即注册，或内联在底部
gesturestart 和 touchend 组合拦截不能省
仅靠 dblclick 拦截，在 iOS 15+ 上仍可能被绕过——比如快速双击后立刻捏合，或某些低延迟触控场景下 dblclick 根本不触发。
- 必须加
document.addEventListener('gesturestart', e => e.preventDefault())来封禁双指缩放源头 - 再加 touch 时间戳逻辑：声明
let lastTouchEnd = 0，在touchend中判断Date.now() - lastTouchEnd ，满足则 <code>e.preventDefault()，然后更新lastTouchEnd -
touchstart中也要加if (e.touches.length > 1) e.preventDefault()，防多点误触提前触发缩放流程
touch-action CSS 是兜底但有副作用
html { touch-action: pan-x pan-y; } 能压制大部分非预期缩放，但它同时会禁用所有原生双指手势（如 PDF 查看器里的缩放、地图拖拽），慎用于富交互页面。
- 更安全的折中写法是
html { touch-action: manipulation; }，它允许滚动和点击，但禁止 pinch-zoom 和 double-tap zoom - 不要对
body设touch-action—— iOS Safari 会忽略，必须作用于html或具体容器元素 - 如果页面里有 iframe（比如嵌入地图或视频），需单独对其设置
touch-action，父页面样式不透传
真正起效的方案是四层叠加：viewport meta + dblclick 拦截 + gesturestart + touch 时间戳逻辑。少一层，在某个 iOS 版本或设备上就可能失效。别信“一行 CSS 解决”，那是 2018 年的老经验。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
