如何设置背景图像的高度

Question

我有一个图像。我希望将其设置为背景图像。我希望它覆盖整个尺寸，所以我使用 background-size：cover; 。它覆盖整个长度但是图像被剪裁在底部。任何人都可以帮我设置 background-size：cover; 也将图像设置为全长和高度？

Answer 1

Css有最小高度..你可以在背景尺寸覆盖时使用它......

Css：

.bg{
    background: url('path/to/image.png');
    background-size: cover;
    min-height: 500px;
}

Html：

<div class="bg"> </div>

Answer 2

您可以使用vh CSS值（相对于视口高度）：这会将高度设置为视口高度的1/10：

    background-image:url('*YOUR URL HERE*');
    background-repeat:no-repeat;
    background-size:contain;
    min-height:10vh;