问题分析:
在移动端,设置登录页面背景图的高度为100%时,会导致键盘弹出的时候html和body的高度从原来的100%变为(100%-键盘高度),这样的话main的height:100%也会变成(100%-键盘高度),所以需要强行将main的高度设置为html原本的100%。
.mui-content {
background-image: url(../images/login.jpg);
background-size: 100% 100%;
}
解决方案:
一、原生JS方案
在页面完成加载后,执行以下代码:
document.getElementsByTagName("body")[0].style.height = window.innerHeight+'px';
二、JQuery方案
在页面完成加载后,执行以下代码:
$('body').css({'height':$(window).height()});