如何解决安卓手机键盘弹出将页面压缩

很多时候项目中我们需要用到输入框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);