HTML 背景大小

Question

我的背景图片尺寸为 1920x200。在我的浏览器中，我有不同的比例，所以我的图像在浏览器中的宽度超过 1920。要查看整个图像，我必须将比例更改为 75%。但是我正在尝试使我的背景图像的大小不大于且不小于具有不同比例的浏览器框。我的代码看起来像

<nav class="navbar navbarlogo">
<div class="container">
    <div class="col-6">
        <h4> Sample text 1</h4>
        <h5> Sample text 2</h5>
    </div>
</div>
</nav>

.navbarlogo {
    height: 200px;
    background: url("../img/html-page-background-color-with-29-web-pics-s-at.png") no-repeat;
    background-size:cover;

这段代码并不完全符合我的要求。怎么了？

Answer 1

关闭导航栏怎么样？

<nav class="navbar navbarlogo"></nav>

并使用

background-size:contain;