移动端页面输入法挡住input输入框的解决方法
Posted 哈哈敲敲
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端页面输入法挡住input输入框的解决方法相关的知识，希望对你有一定的参考价值。
1，宽高用了百分比或者vw/vh布局的，input输入框的最外层父容器的可用JS动态设置为当前窗口的宽高（防止输入法的弹出令页面变形）
2,最外层父容器用了fixed定位的，不要用top:0;要用bottom:0;不要用top:0;要用bottom:0;不要用top:0;要用bottom:0;（这就是重点！！！！！）这个方法适用于有输入框的移动端页面，类似于一个登记信息的弹窗之类的页面。
以上是关于移动端页面输入法挡住input输入框的解决方法的主要内容，如果未能解决你的问题，请参考以下文章