满堂花醉三千客,一剑霜寒十四州。这篇文章主要讲述解决安卓手机键盘弹出时会把背景或百分比定位的布局压缩的问题相关的知识,希望能为你提供帮助。
做移动端页面时经常遇到以下案例,在有背景的页面上写表单,而且底部为了适应不同手机还得运用绝对定位,因为通常是把容器高度设为了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); //把设备的宽高赋给页面
推荐阅读
- Android App退出检测
- androidActivity 的生命周期 以及横屏竖屏切换时 Activity 的状态变化
- android——使用Ijkplayer打造自己的超级电视台播放软件
- 谈谈-Android中的接口回调技术
- 设置UWP程序自启动(Automate launching Windows 10 UWP apps)
- 修改Android Studio默认的API Level(SDK版本)
- 微信公众号关联小程序AppID是什么
- Android-------ListView列表中获取EditText输入的值
- Android studio界面相关设置