如何解決安卓手機鍵盤彈出將頁面壓縮

標籤：inpu   bsp   top   最大   寬高   移動   沒有   cli   osi   

   很多時候項目中我們需要用到輸入框input,input聚焦時會調用手機鍵盤，這個時候我們如果當前頁面最大元素寬高寫的是實際像素，那是沒有問題的，但是如果寫的是百分百在安卓機上當前頁面就會被向上壓縮，但是移動端我們必須做成自適應，我們寬高不能寫固定寬高的，那麼該如何解決，首先我們可以擷取當前手機裝置的寬高，然後再給當前頁面寫寬高,同時加上position：fixed；

            <style>

                  .page{ position:fixed;

                           left:0;

                            top:0; }

           </style>

           var x =document.body.clientWidth;

           var y =document.body.clientHeight;

           $(".page").width(x);

           $(".page).height(y);

如何解決安卓手機鍵盤彈出將頁面壓縮