手機端虛擬鍵盤彈出使界面佈局混亂解決方法

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%的高度