如何解决安卓手机键盘弹出将页面压缩
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何解决安卓手机键盘弹出将页面压缩相关的知识,希望对你有一定的参考价值。
很多时候项目中我们需要用到输入框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);
以上是关于如何解决安卓手机键盘弹出将页面压缩的主要内容,如果未能解决你的问题,请参考以下文章