手机端虚拟键盘弹出使界面布局混乱解决方法
html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。页面布局就乱了,解决方法：原生js:window.onload=function(e){var _body=document.getElementsByTagName('body')[0];_body.
·
html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。
页面布局就乱了,解决方法：
原生js:
window.οnlοad=function(e){ var _body=document.getElementsByTagName('body')[0]; _body.style.height=_body.clientHeight+"px"; }
jQuery:
$(document).ready(function () { $('body').height($('body')[0].clientHeight);});
原理：就是给body加个固定的高度，如果body里面有子元素的布局生发改变，就给改元素加100%的高度
助力广东及东莞地区开发者，代码托管、在线学习与竞赛、技术交流与分享、资源共享、职业发展，成为松山湖开发者首选的工作与学习平台
更多推荐
1
0- 0
已为社区贡献13条内容
所有评论(0)