h5端android输入框聚焦后内容不居中根本原因是webview自动滚动锚点不准，导致视觉偏移；需禁用v-show、用v-if重绘、监听resize+focus事件、延迟scrollintoview并结合getboundingclientrect动态滚动。

为什么H5端Android输入框聚焦后内容不居中

根本原因是Android WebView对input的默认渲染行为：软键盘弹起时，系统会强制滚动页面使输入框可见，但滚动锚点不精准，导致input内容（尤其是文字）视觉上“上飘”或偏移，看起来像没居中。这不是uni-app独有，而是底层WebView + 页面视口计算偏差所致。

用cursor-spacing微调光标与键盘距离

这个属性能间接改善“内容被顶高”的错觉，尤其在输入框靠近底部时效果明显。它不解决滚动本身，但让光标始终落在键盘上方安全区域，减少视觉割裂感。

• cursor-spacing只对App和小程序生效，H5端完全不识别，写上去无效
• 别设过大（如超过150），否则在小屏设备上可能把输入框推到屏幕外
• 配合padding和line-height一起调：确保line-height等于height，且上下padding相等

监听window.resize动态滚动到输入框

H5端唯一可靠的方式是放弃依赖系统自动滚动，自己控制。Android WebView触发resize事件的时机基本对应键盘弹起/收起，可借此定位并滚动。

Android Adb Skill

Android 开发调试技能，通过系统 ADB 工具操作 Android 设备。以下场景必须触发此技能：(1) 直接 ADB 操作——安装 APK、查看设备列表、抓取 logcat 日志、查看已安装应用、清除应用数据、截图、重启设备、拉取/推送文件、查看 CPU/内存/电池信息、adb shell 操作；(2)...

下载

• 在@focus里不要立刻scrollIntoView，先setTimeout 200–300ms，等视口稳定后再查位置
• 用this.$refs.inputRef.getBoundingClientRect().top算相对视口顶部距离，比offsetTop更准
• 收起键盘时别盲目scrollTo(0, 0)，应记录原始scrollTop，失焦后恢复
• 微信内置浏览器可能延迟触发resize，建议加兜底：同时监听focusin和focusout事件

避免v-show切换导致焦点丢失重绘

如果输入框是通过v-show控制显隐，Android H5下容易触发布局抖动，进而让聚焦后的位置计算失效——看起来“不居中”，其实是DOM重排后坐标变了。

• 改用v-if，确保每次显示都是全新实例
• 聚焦逻辑统一收口：在mounted后nextTick里调用this.$refs.inputRef.focus()，避开初始化阶段的渲染竞态
• 禁用transform或scale类CSS影响getBoundingClientRect精度

真正难处理的不是“怎么居中”，而是Android各厂商WebView对resize和focus事件的触发节奏不一致——小米、华为、OPPO同版本系统表现都可能不同。建议把滚动逻辑封装成可配置延迟+重试的工具函数，而不是写死300ms。