需禁用viewport缩放、改fixed为absolute+动态bottom、阻止body水平滚动、聚焦时scrollintoview；android webview键盘弹出触发缩放和锚点漂移，造成“左移”错觉，非真实位移。
移动端 H5 中 input 获取焦点时页面“整体左移”，这通常不是真实水平位移，而是视觉错觉或由 viewport 缩放、fixed 元素锚点漂移、body 水平滚动等复合因素导致的渲染异常。真正需要处理的是：禁用缩放、锁定视口、修正定位逻辑、避免 body 意外滚动。
强制禁用 viewport 缩放，防止浏览器主动“挤”内容
Android WebView（尤其 Chrome 80+）在软键盘弹出时会尝试缩放页面以适配剩余空间，导致文字/布局横向压缩、视觉上像“左移”或“变窄”。这不是 left 偏移，是 scale 变化引发的重绘失真。
- 在 index.html 的 中写死 viewport，禁止任何缩放：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> - 补充 CSS 防止文本尺寸被浏览器干预：
body { -webkit-text-size-adjust: 100%; } - 不要用
viewport-fit=cover或 JS 动态改meta.content，它在 Android 下反而加剧重排和抖动
修复 fixed 元素锚点漂移，避免“假性左移”
当键盘弹起，position: fixed 在 Android WebView 中常脱离原始锚点（比如底部按钮突然“右偏”或“左跳”），本质是 fixed 定位参照系混乱，用户误以为页面左移——其实是元素自身错位。
- 将底部操作栏、吸底输入框等容器，统一改为
position: absolute+bottom动态控制 - 聚焦时通过
window.visualViewport?.height计算键盘高度，设置style.bottom = keyboardHeight + 'px' - 失焦后先设
bottom: auto，再用nextTick或setTimeout(..., 200)恢复bottom: 0，避免动画卡顿或残留偏移
阻止 body 水平方向意外滚动
某些 Android 浏览器（如旧版 X5 内核）在 input 聚焦瞬间会触发 body 的 scrollLeft > 0，尤其当页面存在未隐藏的横向溢出（如宽表格、flex nowrap 子项过长）时，会自动“回滚”到左侧，造成突兀左跳。
- 全局加防护 CSS：
body { overflow-x: hidden; }（慎用，确保无横向滚动需求） - 检查所有子容器是否设置了
white-space: nowrap、display: inline-block等易引发溢出的样式 - 聚焦前主动重置：
document.body.scrollLeft = 0;（放在 focus 事件回调开头）
聚焦后强制 scrollIntoView，消除光标遮挡带来的错觉
用户感觉“页面左移”，有时只是因为输入框被键盘盖住、光标不可见，下意识向左滑动屏幕找光标——实际是交互引导缺失。
- 在 input 的
@focus或onfocus回调中调用：e.target.scrollIntoView({ block: 'nearest', inline: 'nearest' }); - 避免用
behavior: 'smooth'（老版微信/X5 不支持，可能报错） - 加
setTimeout(..., 150)确保 DOM 焦点已稳定、键盘开始弹出后再执行，更可靠
