问题分析:
在移动端,设置登录页面背景图的高度为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()});
本文探讨了在移动端设置登录页面背景图高度为100%时遇到的问题,即键盘弹出导致页面高度变化。提供了两种解决方案:使用原生JS和JQuery调整body高度,确保main元素高度始终为屏幕高度。
936

被折叠的 条评论
为什么被折叠?



