最小 vh 值 (CSS)？

Question

我不熟悉在 css 中使用 vh/vw 值，但它在我当前的项目中派上用场，我希望主要内容容器填充整个视口高度。这非常有效，直到视口垂直缩小到 200/300 像素左右，此时布局中断。

我想要的是让它完全按原样工作（填满整个屏幕），但在固定像素值处停止收缩。但是，正如我所希望的那样，以下方法不起作用：

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

谁能提出解决方案？

提前致谢。

Answer 1

填充整个视口高度的主要内容容器

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

1vh — 1 等于视口高度的 1/100。