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

您使用 display: compact 这让我认为您遇到了元素显示为内联元素的情况。尝试将其更改为 display: block;

使用 display: compact 的元素可以显示为内联元素或块元素，具体取决于以下元素。

于 2013-03-23T20:35:41.963 回答
1

您可以尝试将背景大小调整为cover或contain。

更多细节可以在这里找到。

于 2013-03-23T20:42:40.670 回答