Как сделать так, чтобы высота контейнера была фиксированной, но уменьшалась, если не помещается в окно браузера?

Question

        .container {
            display: flex;
            width: 200px;
            height: 300px;
            border: 1px solid black;
        }

<div class="container">
    <div>Hello, world!</div>
    <div>Good night, world!</div>
</div>

Answer 1

Как вариант использовать vh img { max-height:95vh; } Источник

Answer 2

.class { height: 100vh; max-height: 300px; }