如何制作CSS网格填充窗口高度？

Question

什么是最好的（最简单/最有效的）方式来使一个CSS网格填充任何大小的窗口的高度，而不使用overflow: hidden或类似的东西？

谢谢！

Answer 1

要实现您想要执行的操作，您可以使用视口单元。这些基于视口大小（浏览器窗口的大小）。

1vh = 1视口高度的％
1vw = 1视口％的宽度

所以，为宽/缩放元件高视口，就可以只使用： 100vh/100vw。在你的情况下，将是100vh。