キーボードを移動してポップアップした後、背景画像を上に移動させる解決方法(MUI)

579 ワード

問題の分析:
        モバイル端末では、ログインページの背景図の高さを100%に設定すると、キーボードがポップアップする場合があります.bodyの高さは元の100%から(キーボードの高さ100%)に変更されます.これにより、mainのheight:100%も(キーボードの高さ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()});