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事件的时机基本对应键盘弹起/收起，可借此定位并滚动。
- 在
@focus里不要立刻scrollIntoView，先setTimeout200–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。
