touch-action: manipulation 是规范定义的正常行为，明确禁用双击和捏合缩放，仅允许平移与轻点，iOS Safari 严格实现且不因 viewport 回退启用缩放。
touch-action: manipulation 在 Safari 下禁用缩放是正常行为
这不是 bug，而是规范定义的结果。touch-action: manipulation 明确告诉 Safari（及其他现代浏览器）：“只允许平移和轻点，不要等待双击、也不要响应捏合手势”。它本质上是为提升点击响应而设计的，**默认就关闭所有缩放能力**。
常见错误现象：
• 页面加了 touch-action: manipulation 后，双击/捏合完全无反应
• 开发者误以为“加了这个就能既快又可缩放”，结果发现缩放失效
- 该值等效于
pan-x pan-y pinch-zoom的子集，但**不包含pinch-zoom** —— 它只保留单指 tap 和滚动，不保留双指缩放逻辑 - iOS Safari 对
touch-action的实现非常严格，不会因 viewport 配置而“回退”启用缩放 - 若你同时写了
user-scalable=yes和touch-action: manipulation，后者会直接覆盖前者的行为：viewport 允许缩放，但 touch-action 把双击事件截断了，浏览器根本收不到第二次touchend
viewport 元标签必须完整且未被动态覆盖
Safari（尤其是 iOS 16+）对 viewport 的解析比安卓更敏感。仅写 user-scalable=no 不够，必须配齐关键参数，否则部分机型仍可能触发缩放抖动或降级为宽松模式。
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
下载
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
- 必须包含
width=device-width和initial-scale=1.0，否则 Safari 可能 fallback 到 980px 虚拟视口，导致后续缩放逻辑错乱 -
maximum-scale=1.0比user-scalable=no更可靠：某些版本 Safari 会忽略no，但不会忽略maximum-scale=1.0 - 避免在 JS 中动态修改
<meta name="viewport">的content属性——Safari 不支持运行时重载，改了也无效，还可能触发警告 - 检查是否有多余的 viewport 标签（如构建工具自动注入 + 手动写了一份），Safari 以第一个为准，后面会被忽略
想保留缩放？只能用 touch-action: pinch-zoom + viewport 放开限制
如果你的页面有地图、图表等需要局部缩放的区域，touch-action: pinch-zoom 是唯一合规方案，但它有硬性前提。
立即学习“前端免费学习笔记（深入）”；
- 必须配合
<meta name="viewport" content="user-scalable=yes">，单独设pinch-zoom无效 - 该值只对**当前元素及其可缩放后代**生效，不能让整个页面“突然支持缩放”——比如给
<div class="map">加style="touch-action: pinch-zoom;"，外部页面仍靠 viewport 控制 - iOS Safari 对
<img>或<canvas>等原生可缩放元素应用pinch-zoom效果有限，优先级低于 viewport 全局设置 - 不要给
body或html设pinch-zoom，这会导致全页缩放失控；应精确作用于容器级元素
真机测试时最容易忽略的 Safari 特性
模拟器和 DevTools 的触摸模拟无法复现 Safari 的真实行为，很多问题只在真机上暴露。
- iOS Safari 会静默忽略 passive 为
true的touchmove监听器中的preventDefault()，必须显式传{ passive: false } - 键盘弹出时，Safari 会临时调整 visual viewport，若 viewport 缺少
maximum-scale=1.0，可能触发意外缩放抖动 - 某些企业内嵌 WebView（如钉钉、飞书）基于旧版 WebKit，
touch-action支持不全，需 fallback 到 JS 拦截touchstart+event.preventDefault() - 检查 Safari 设置 → “显示缩放控件”是否开启——这个系统级开关会覆盖网页配置，真机测试前务必确认
