解決安卓手機鍵盤彈出時會把背景或百分比定位的布局壓縮的問題

標籤：定位   高度   寬度   span   log   pre   表單   頁面   絕對位置   

做移動端頁面時經常遇到以下案例，在有背景的頁面上寫表單，而且底部為了適應不同手機還得運用絕對位置，因為通常是把容器高度設為了100%，這時在安卓手機上彈窗軟鍵盤時就會把背景圖片及其他東西擠壓上去，解決方案如下：

在css樣式中把大容器定義為fixed布局

  .wrap{ position:fixed;left:0;top:0; }

在js中強制把頁面的高度覆給他，就相當於自動撐開

var x =document.body.clientWidth; //查詢裝置的寬度var y =document.body.clientHeight; //查詢裝置的高度$(".wrap").width(x); //$(".wrap).height(y); //把裝置的寬高賦給頁面

 

解決安卓手機鍵盤彈出時會把背景或百分比定位的布局壓縮的問題