分析原因

以安卓开发为例，浏览器通常依靠webview来加载html。
对于软键盘的弹出，有两种模式（可能术语用的不专业，但是意思肯定会讲明）

• 挤压webview：也就是说webview的高度会发生变化，那么前端就会触发resize事件
• 遮挡webview：软键盘这个控件会覆盖在webview上，也就是说软键盘会把webview中的一部分内容给挡住。

不同浏览器上的差异，应该是浏览器对于软键盘的弹出模式，设置的不同导致的。

解决方案

首先，为了尽量避免表单元素被软键盘遮挡，应当尽量避开表单元素出现在下半屏的设计。
其次，如果避免不了此类设计，可以监听表单元素的获取焦点事件，然后提高html整体的高度。其实就是底部，多出一定的高度，预留给软键盘占位。
最后，可能需要监听一下页面的滚动，到了一定的位置（就是实际html的高度），把之前可能增加了的高度给去掉。

能想到的就以上这些了，希望能对你有所帮助。

要想实现输入框弹上去很简单，只需要给表单注册获取焦点，和失去焦点两个事件即可。

• 当获取焦点(onfocus)的时候，说明需要输入内容了，让表单相对于整个页面的top定位，位置自己判断，高于输入键盘高度即可。
• 失去焦点(onblur)的时候，再让表单恢复到原来的位置就行了

注意：

• 这里有一个问题，就是整体页面排版布局的问题，如果你的设计图本身有logo之类的，你就要考虑表单弹上去的时候会不会遮挡logo，此时就不是技术上的问题了，这就需要和设计那边沟通好了，劲量避免这种情况
• 苹果手机是自带这个功能的，苹果手机输入的时候，表单会自动弹到输入框的上方