WebView中软键盘弹出时页面不顶起怎么办
Android WebView默认不会自动顶起页面内容，导致input聚焦后软键盘遮挡输入框。这不是HTML5的问题，而是WebView的渲染策略决定的——它把整个页面当做一个静态视口，键盘只是系统层浮层。
- 在
AndroidManifest.xml中对应Activity添加：android:windowSoftInputMode="adjustResize"（不是adjustPan） - 确保根布局是
LinearLayout或RelativeLayout等支持重绘的容器，避免用FrameLayout套全屏WebView却不设layout_height="match_parent" - Web页面内不要给
body或html设height: 100vh，这会锁死视口高度，导致resize失效；改用min-height: 100vh
iOS WKWebView滚动定位异常与focus后空白问题
iOS的WKWebView对focus事件响应更激进，常出现输入框被顶出可视区、甚至页面“上移留白”——本质是WKWebView在键盘弹出时强行滚动到input位置，但未考虑安全区或fixed元素偏移。
- 监听
focus事件后手动调用element.scrollIntoView({ behavior: 'smooth', block: 'center' })，避免依赖默认滚动 - 在
input外层加一层div并设position: relative，防止position: fixed的header/footer被键盘拉扯错位 - 务必在
viewportmeta中加入viewport-fit=cover，否则iOS 15+可能忽略安全区计算，导致底部输入框被遮挡
Cordova/ Capacitor插件配置影响键盘行为
使用Cordova或Capacitor打包时，键盘插件本身会接管原生行为，若版本不匹配或配置冲突，反而加剧遮挡问题。
- Cordova推荐用
cordova-plugin-ionic-keyboard（非官方cordova-plugin-keyboard），后者已弃用且不兼容Android 12+ - Capacitor用户需确认
@capacitor/keyboard已安装，并在capacitor.config.ts中启用keyboardStyle: 'dark'等不影响布局的配置，而非误配resizeMode - Android端若仍异常，检查
config.xml是否重复声明了android-windowSoftInputMode，多个声明会导致行为不可预测
输入框在fixed定位区域里被遮挡的硬解法
当输入框位于position: fixed; bottom: 0的底部工具栏中时，几乎所有平台都会遮挡——因为fixed元素脱离文档流，resize或scrollIntoView对其无效。
立即学习“前端免费学习笔记（深入）”；
- 放弃
fixed，改用position: absolute+bottom: 0，并在父容器设position: relative和height: 100% - 监听
keyboardDidShow事件（Capacitor）或native.keyboardshow（Cordova），动态给该区域加transform: translateY(-Xpx)，X为键盘高度（从事件payload读取） - 极端情况可临时切换为
position: static，让输入框随内容自然上推，失焦后再切回fixed——用户体验略降，但100%可靠
adjustResize的实现有差异，华为EMUI和小米MIUI常需额外加android:fitsSystemWindows="true"才生效；而iOS的scrollIntoView在Safari中表现正常，在WKWebView里却可能触发两次滚动——这些细节不验证真机就写死逻辑，上线后必踩坑。 
