//获取屏幕高度
var h = document.documentElement.clientHeight || document.body.clientHeight;
//给背景设置一个高度
document.getElementsByClassName('page_login')[0].style.height = h + 'px';
.page_login {
min-height : 500px;
height : 100%;
background : #1CD39A url('/resource/images/annual_review/login_bg.jpg') no-repeat center center;
background-attachment : fixed;
background-size : cover;
}
2种解决方法 1.根据不同屏幕使用js计算给背景来个高度 2.给背景一个最小高度
问题描述 问题：手机H5页面当input输入框获取焦点时，软键盘会弹起，这时：IOS底部固定定位的按钮不会随着键盘...
Android软键盘系列： Android软键盘-弹起时布局向上拉-多表单填写界面 Android软键盘-弹起时布...
android的手机，页面包含scrollView和TextInput，当键盘弹起来的时候会挡住TextInput...
安卓微信内h5页面如果有表单且背景是使用背景图的情况下，如果填底部表单内容时键盘弹起，有几率造成背景图崩溃。我的处...
一、背景 在做移动端h5页面时，因为遇到了安卓端软键盘会导致页面压缩变形的问题，经过查阅与思考，终于解决问题，以下...
解决react native webview引入h5页面，在iOS上，input聚焦键盘弹起留有空白，键盘收起空白...
判断H5 ios还是安卓： 3.正则判断 isIos： android 软键盘弹起或收起时，会改变window的高...
H5在手机端，尤其是安卓手机，如果用了定位或者用了百分比的元素，很容易在键盘弹起后引起页面错乱： 顺序是先将bod...
监听页面键盘弹起状态
本文标题：android手机的h5页面键盘弹起时背景变形
本文链接：https://www.haomeiwen.com/subject/ofzmbftx.html
网友评论