朴实无华地解决h5移动端开发软键盘输入时导致页面出现白块

项目场景：

项目场景：h5移动端开发

---

问题描述：

登录页面在输入账密的时候，软键盘弹起的时候带出了白块在收起软键盘之前不会消失

---

原因分析：

在页面中使用了相对定位/绝对定位属性以及margin属性，导致软键盘弹起时页面内容长度增加但不会自动收回。

---

解决方案：

最直接办法不使用上述说的属性；第二种直接在最外层盒子加position:fixed。