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

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

div 而且 log 案例 問題 class 背景圖 不同 fixed

做移動端頁面時經常遇到以下案例,在有背景的頁面上寫表單,而且底部為了適應不同手機還得運用絕對定位,因為通常是把容器高度設為了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); //把設備的寬高賦給頁面

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