现代浏览器已忽略user-scalable=no，真正有效的组合是width=device-width、initial-scale=1.0、minimum-scale=1.0和maximum-scale=1.0；双指缩放主因是内容溢出，需检查页面高度与视口关系，并用gesturestart+touchstart事件拦截兜底。
viewport content 里写 user-scalable=no 已失效
现代 iOS（10+）、Chrome（90+）、Safari（15.4+）浏览器已系统级忽略 user-scalable=no，不是你漏写了，是浏览器根本不会执行它。单独靠这个参数禁缩放，现在连基础双指捏合都拦不住。
它曾起效，是因为旧版 WebView 把它当指令；现在它只是个“建议”，且被可访问性策略主动降权——视障用户需放大文字，系统优先保障这一点。
-
user-scalable=no和user-scalable=0效果等价，但都无效 - 若没配
initial-scale=1.0，部分旧 UC 浏览器会直接跳过整个content字符串 - 多个
name="viewport"标签时，浏览器只认第一个，后面全丢弃
真正起作用的 viewport content 组合
能稳定约束初始渲染、并让部分安卓机响应的最小有效组合是这三项：必须同时存在，且顺序无关但缺一不可：
-
width=device-width—— 否则视口按默认 980px 渲染，再缩放，文字糊、按钮小 -
initial-scale=1.0—— 不写它，maximum-scale=1.0可能被忽略 -
minimum-scale=1.0, maximum-scale=1.0—— 比user-scalable=no更可靠，尤其对部分安卓 WebView
推荐完整写法（静态写在 <head> 最前，紧贴 <title> 后）：
立即学习“前端免费学习笔记（深入）”；
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
注意：maximum-scale=1.0 并不能阻止双击放大——它只限制“缩放上限”，而双击是独立触发机制，缩放后还会短暂弹跳再回弹，体验割裂。
为什么写了还是能双指缩放？内容溢出是主因
iOS Safari 会主动绕过所有 viewport 设置：只要 document.documentElement.scrollHeight > window.innerHeight（即页面总高度超出一屏），它就强制启用双指缩放——这是可访问性策略，不是 bug。
- 别用
html, body { height: 100vh; overflow: hidden; }强行锁死，这会让轮播图、列表、弹窗全部无法滚动 - 先检查是否含
min-width: 1200px、未换行长文本、或没设max-width的图片 - 局部防误触可用
touch-action: pan-x（轮播图）、touch-action: pan-y（列表），但全局加* { touch-action: pan-x pan-y }会废掉表单输入框双击选词
gesturestart + touchstart 拦截才是当前最实操的兜底手段
当 viewport 和 touch-action 都失效时，唯一能从源头阻断缩放行为的方式，是监听手势事件并调用 preventDefault()。但有三个硬性前提：
- 监听目标必须是
document.documentElement，不是body或某个容器——避免 iframe 或子组件干扰 - 所有监听器必须传
{ passive: false }，否则 Chrome/Safari/Edge 会静默忽略preventDefault() -
gesturestart是 iOS Safari 特有，比touchstart更早触发，必须双监听才稳定
典型代码片段：
document.documentElement.addEventListener('gesturestart', e => e.preventDefault(), { passive: false });
document.documentElement.addEventListener('touchstart', e => {
if (e.touches.length > 1) e.preventDefault();
}, { passive: false });
let lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', e => {
const now = Date.now();
if (now - lastTouchEnd <= 300) e.preventDefault();
lastTouchEnd = now;
}, { passive: false });真正难处理的不是双指或双击，而是 iOS 键盘弹出时视口重算导致的定位错乱、fixed 元素上浮、vh 单位失准——这些和缩放无关，但常被误认为“禁缩放失败”。
