需求描述

在安卓的浏览器中（独立 APP 及微信这样内置浏览器的 APP），点击输入框（input、textarea 等）之后，会弹出输入法界面，同时输入法界面会把页面网上挤得变了形。

方案调研

调研过程

Google：js 安卓 输入法 resize，这篇文章 微信下html页面，键盘弹出，页面变形 就对问题原因和解决方法进行了描述。

解决方案

入选方案

• 微信下html页面，键盘弹出，页面变形

应用过程

相关元素都用绝对尺寸如 px 作为单位，不用相对尺寸，页面就不会变形了。

要点总结

CSS 中的百分比单位虽然好用，但也不是万能的。还是那句话，没有最好的，只有最合适的。