1. 程式人生 > >如何解決安卓手機鍵盤彈出將頁面壓縮

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

輸入 var top 獲取 彈出 需要 height 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);

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