手机端虚拟键盘弹出使界面布局混乱解决方法

html5页面当点击input输入框弹出安卓手机上键盘就会把背景顶了上来，软键盘弹出时，改变了height，使height:100%,不能达到原来的高度。

页面布局就乱了,解决方法：

原生js:

window.onload=function(e){
    var _body=document.getElementsByTagName('body')[0];
    _body.style.height=_body.clientHeight+"px";
}

jQuery:

$(document).ready(function () {
 　　$('body').height($('body')[0].clientHeight);
 });