首页 > 移动平台 > 详细

解决安卓手机键盘弹出时会把背景或百分比定位的布局压缩的问题

时间:2017-09-20 14:11:56      阅读:514      评论:0      收藏:0      [点我收藏+]

做移动端页面时经常遇到以下案例,在有背景的页面上写表单,而且底部为了适应不同手机还得运用绝对定位,因为通常是把容器高度设为了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); //把设备的宽高赋给页面

 

解决安卓手机键盘弹出时会把背景或百分比定位的布局压缩的问题

原文:http://www.cnblogs.com/javenlee/p/7560703.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!