ios safari底部输入框获焦时被键盘遮盖，需四步修复：①修正viewport标签并移除maximum-scale；②聚焦后400ms调用scrollintoview({block:'nearest'})；③禁用height:100vh改用min-height:100vh；④监听resize+activeelement兜底滚动。
在iOS Safari中，当底部固定定位的输入框获得焦点时，软键盘弹出会直接顶起整个页面，导致输入框被遮盖、fixed容器脱离视口底部——这不是CSS写错了，而是WebKit强制滚动+viewport压缩双重作用的结果。
第一步：修正 viewport 元标签
在 中替换原有 viewport 标签为以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
必须删掉 【maximum-scale=1.0 和 user-scalable=no】，这两项会干扰键盘弹出时的视口重算，反而加剧遮挡；viewport-fit=cover 则确保安全区（如刘海、圆角）不裁切内容，是 iOS 11+ 必备前提。
第二步：用 scrollIntoView 延迟强制可见
聚焦后不能立刻滚动，因为 iOS 键盘动画约 250ms 才完成布局，过早调用会失效。
方法一：原生 JS 方案（兼容 iOS 12+）
给输入框绑定 focus 事件：
input.addEventListener('focus', () => { setTimeout(() => { input.scrollIntoView({ block: 'nearest', inline: 'start' }); }, 400); });
注意：必须用 block: 'nearest'，不是 'center' 或 'end'——'center' 会让输入框居中而上移过多，'end' 在某些机型下触发异常滚动；400ms 是实测最稳延迟值，300ms 偶发失败，500ms 用户感知卡顿。
方法二：Vue 3 组合式 API 写法（需配合 ref）
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
const inputRef = ref<htmlinputelement null>(null);</htmlinputelement>
在 handleFocus 中：if (inputRef.value) { setTimeout(() => inputRef.value?.scrollIntoView({ block: 'nearest', inline: 'start' }), 400); }
第三步：禁用 height: 100vh 这个隐形雷区
检查所有用到 height: 100vh 的容器，尤其是 body、#app、弹层根节点。
全部替换成 min-height: 100vh 或 height: 100%（前提是父级有明确高度）。
iOS Safari 在键盘弹出时不会刷新 vh 单位计算，但会压缩视口高度，导致 100vh 容器撑满初始高度、把输入框硬生生推出屏幕外——这是 70% 遮挡问题的真正元凶，比 JS 逻辑更优先修复。
第四步：监听 resize + activeElement 做兜底判断
有些场景（比如快速连续点击不同输入框）scrollIntoView 仍可能失效，此时需双保险：
第一步：监听 resize 事件
第二步：检查当前聚焦元素是否为 input/textarea
第三步：获取该元素 getBoundingClientRect().bottom
第四步：若其 bottom 值 > window.innerHeight，说明已被遮挡，立即执行 window.scrollTo(0, elementTop - 40)
这一步只在真实遮挡时触发，避免无意义滚动；减去 40px 是为输入框顶部留出安全间距，防止紧贴键盘边缘。
