ios 10+ safari已废弃viewport的user-scalable=no等声明，必须用javascript阻止缩放：需添加touchstart（passive: false）和gesturestart事件监听，并通过touchend防抖拦截双击放大。
当你在Safari浏览器中设置user-scalable=no、maximum-scale=1.0等viewport属性后，页面仍能被双指缩放或双击放大，说明iOS 10+的Safari已完全忽略这些meta声明——这不是代码写错了，而是Apple主动废弃了该行为以保障可访问性，必须用JavaScript补位才能生效。
先确认meta标签是否已正确配置
打开项目根目录的index.html，在内检查是否存在以下声明：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
这一步是基础前提，虽在iOS Safari中失效，但安卓端仍依赖它；若缺失，iOS JS方案也可能因初始渲染偏差而失准。
注入JS事件监听阻止双指缩放
方法一：全局禁用多点触摸（推荐）
在末尾或底部添加如下脚本：
<script>document.addEventListener('touchstart', function(e) { if (e.touches.length > 1) e.preventDefault(); }, { passive: false });</script>
【passive: false必须显式声明】 —— iOS Safari默认启用passive事件监听，此时e.preventDefault()完全无效，不加此参数等于没写。
方法二：监听gesturestart事件（补充加固）
在同一位置追加：
document.addEventListener('gesturestart', function(e) { e.preventDefault(); });
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
该事件专为双指缩放触发，比单纯检测touch数量更精准；但需注意：若页面存在stopPropagation()的子元素（如某些UI组件），该监听可能被截断，建议优先使用方法一。
拦截双击放大行为
第一步：声明防抖变量
在上述脚本块内顶部添加：let lastTouchEnd = 0;
第二步：绑定touchend事件
紧接着写入：
document.addEventListener('touchend', function(e) { const now = Date.now(); if (now - lastTouchEnd
这个300ms阈值对应系统双击判定窗口，超过即视为单次点击；若设得太小（如100ms），可能误杀正常连续点击；设得太大（如500ms），则无法拦截真实双击。
第三步：确保执行时机
把整段脚本包裹进window.onload或DOMContentLoaded中，避免DOM未就绪时绑定失败。Vue/React项目请插入public/index.html而非组件内。
验证是否生效
真机测试时，用两根手指在页面任意空白处张开或收拢——页面应完全无缩放反应；双击任意文字或按钮，页面也不应放大。
若仍可缩放，请立即检查：是否遗漏{ passive: false }参数；是否在某个子容器上用了event.stopPropagation()；是否在iOS模拟器中测试（部分模拟器版本不触发gesture事件）。
