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;