首页 > 代码库 > 如何解决安卓手机键盘弹出将页面压缩
如何解决安卓手机键盘弹出将页面压缩
很多时候项目中我们需要用到输入框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);
如何解决安卓手机键盘弹出将页面压缩
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。