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


   很多時候項目中我們需要用到輸入框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);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM