Минимальное значение vh (CSS)?

Question

Я новичок в использовании значений vh/vw в css, но он пригодится в моем текущем проекте, где я хочу, чтобы контейнер содержимого содержал всю высоту видового экрана. Это работает фантастически до тех пор, пока область просмотра не будет уменьшена вертикально до 200/300 пикселей, когда макет сломается.

Я хочу, чтобы он работал точно так, как он есть (заполнить весь экран), но чтобы прекратить сокращаться при фиксированном значении пикселей. Однако, как я и надеялся, не получилось:

.container { 
    height: 90vh; 
    min-height: 400px; 
} 

Может ли кто-нибудь предложить решение?

Заранее спасибо.

Answer 1

основное содержание контейнера, чтобы заполнить всю высоту видового экрана

.container { 
    height: 100vh; 
    min-height: 300px; 
} 

1vh - один равный 1/100 высоты окна просмотра.