页面缩小时，页面主体不会扩展到显示底部

Question

我的网站遇到小问题。当用户缩小页面时，主体（白色部分）不会延伸到显示屏的底部。这里就是我的意思

有没有问题，当用户处于正常变焦，但变焦％50左右后，问题开始出现。我怎样才能解决这个问题？

Answer 1

尝试设置：

min-height: 100vh; 

文件可here但其漂亮的自我解释

Answer 2

使用min-height: 100vh

CSS3为我们提供了视区相对单位。 100vw意味着100％的视口宽度。 100vh;身高的100％。