html5 - 移动端UC浏览器兼容问题

问题描述

UC浏览器上input获取焦点，系统键盘回去以后页面高度少了一部分，少的这部分高度大概是系统键盘的高度，旋转键盘可以恢复。请问是什么问题

问题解答

这是“输入法”引起的问题！

其实这个问题比较常见，没有啥彻底的 解决方案。因为单纯js+html+css能力有限。

不过你可以尝试几个东西，就是在有输入框的外层区域，设置transform:translate3d(0,0,0);

在支持3d加速的手机上，可能有一定的效果。

所以说，对于webapp是否有输入要求，已经作为了我是否要开发这个webapp的一条标准。