iOS Safari WebKit存在input光标偏移固有缺陷，主因是fixed定位、transform或overflow:hidden导致焦点坐标计算失准；需用nextTick+setTimeout延时聚焦、移除transform干扰、主动scrollIntoView并校验DOM存在、结合视口差值微调位置及统一viewport meta。
为什么iOS H5端input光标会偏移
这不是你CSS写错了，是iOS Safari WebKit的固有缺陷：当页面存在position: fixed、父容器有transform（比如translateZ(0)）、或overflow: hidden时，input焦点坐标计算会失准，光标直接飘到左上角、顶部外、甚至不可见。H5端复现率超90%，且iOS 15+因视口坐标映射算法变更，问题更隐蔽。
聚焦前必须确保元素已就位并绕过transform干扰
常见错误是focus()调用太早，或父级用了transform导致渲染层错乱。
- 用
nextTick+setTimeout双保险：先等DOM更新，再等iOS键盘动画启动（约100ms）this.$nextTick(() => { setTimeout(() => { this.$refs.inputEl?.focus(); }, 100); }); - 检查所有父级容器，移除
transform: translateZ(0)、will-change: transform、backface-visibility: hidden - 避免
fixed定位的表单包裹input——改用absolute或让表单随滚动流式布局
手动scrollIntoView要带behavior和block参数
iOS WebKit不会自动滚动到聚焦元素，但原生scrollIntoView在fixed上下文中容易失效。
- 聚焦前主动调用：
this.$refs.inputEl?.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); - 若仍偏移，加一层校验：
document.contains(this.$refs.inputEl)确保元素在DOM中 - 慎用
block: 'center'——iOS 15.4+会触发额外重绘，反而加剧跳动
H5端无法监听软键盘高度，只能靠视口偏移兜底
iOS不触发window.resize，e.detail.height在H5里为空，不能依赖它动态调整位置。
- 监听
focusin事件，用getBoundingClientRect()获取输入框当前视口位置 - 对比
window.innerHeight与document.documentElement.clientHeight差值，粗略估算键盘遮挡量（误差±50px，但够用） - 对
input外层加style="position: relative"，聚焦后设top微调，blur后清空 - 务必加
viewportmeta：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
否则缩放会放大坐标偏差
fixed + input的处理逻辑不一致——比如iOS 16.6修复了部分偏移，却让scrollIntoView在body overflow: hidden下完全失效。建议所有H5表单页都加page-meta监听scrolltop变化，并在blur后强制scrollTo({scrollTop: 0})保底。 
