HTML-размер фона

Question

У меня фоновое изображение размером 1920х200. В моем браузере у меня другой масштаб, поэтому ширина моего изображения в браузере превышает 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;