頁面縮小時，頁面主體不會擴展到顯示底部

Question

我的網站遇到小問題。當用戶縮小頁面時，主體（白色部分）不會延伸到顯示屏的底部。這裏就是我的意思

有沒有問題，當用戶處於正常變焦，但變焦％50左右後，問題開始出現。我怎樣才能解決這個問題？

Answer 1

嘗試設置：

min-height: 100vh; 

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

Answer 2

使用min-height: 100vh

CSS3爲我們提供了視區相對單位。 100vw意味着100％的視口寬度。 100vh;身高的100％。