移动端页面-调起键盘样式被挤压的问题

Posted yili-54944

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端页面-调起键盘样式被挤压的问题相关的知识,希望对你有一定的参考价值。

成因:给body设置的高度100%被调起的虚拟键盘占用了

解决方法

1.用JS代码自动判断窗口的高度,然后赋值给body。(但这种方法只适合页面内容较少的时候,如果页面内容超出一个满屏的高度,这么设置会导致超出部分被‘吃掉’) 

$(document).ready(function () { $(body).css({height:$(window).height()})});

 

以上是关于移动端页面-调起键盘样式被挤压的问题的主要内容,如果未能解决你的问题,请参考以下文章

H5页面背景图被键盘挤压移动了位置解决方法

H5防止安卓手机软键盘弹出挤压页面导致变形的方法

用户在移动端搜索框输入时即调起键盘上的搜索按钮

关于移动端的键盘兼容性总结

解决点击输入框调起键盘时,输入框被键盘遮挡的问题

关于移动端输入键盘遮挡页面