通常在前端h5页面遇到安卓系统,调起输入框时会使整个背景图压缩的问题.
解决:
在页面初始化时,将对min-height进行指定。或js动态指定。
以下解决方案实现后,与ios系统调起键盘效果相同。
html,
body {
height: 100%;
min-height: 100%;
width: 100%;
}
function getclientHeight(){
clientHeightA = document.documentElement.clientHeight || document.body.clientHeight;
var screenHei = window.screen.height;
setTimeout(function(){
$("body").css("min-height",clientHeightA);
$("html").css("min-height",clientHeightA);
$("body").css("height",screenHei);//解决锁屏后图片拉伸问题,若不出现无需添加
$("html").css("height",screenHei);//解决锁屏后图片拉伸问题,若不出现无需添加
},0);
}
$(document).ready(function(){
getclientHeight();
})