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

Question

在不使用overflow: hidden或类似内容的情况下，使css网格以任意大小填充窗口高度的最佳（最简单/最有效）方法是什么？

谢谢！

Answer 1

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

  

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

因此，要将元素缩放为视口的宽/高，您可以使用： 100vh / 100vw。在您的情况下，100vh。