問題は、画面の90%をカバーし、背景画像を表示するdivにあります。CSSは次のとおりです。
div.invite-bg {
background-image:url('../img/b1g.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: 92em 52em;
display: compact;
width: 100%;
height: 90%;
position: absolute;
top: 10%;
left:0;
}
iPadやiPhoneのポートレート画面では高さが機能しません。どうすれば修正できますか?