0

問題は、画面の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のポートレート画面では高さが機能しません。どうすれば修正できますか？

4

2 に答える 2

1

背景サイズをまたはのいずれかに調整してみてcoverくださいcontain。

詳細については、こちらをご覧ください。

于 2013-03-23T20:42:40.670 に答える
1

display：compactを使用すると、要素がインライン要素として表示される状況になっていると思います。表示するように変更してみてください：block;

display：compactを使用する要素は、次の要素に応じて、インライン要素またはブロック要素のいずれかとして表示される場合があります。

于 2013-03-23T20:35:41.963 に答える