javascript - 如何让 div 始终用紧随其后的内容填充视口(viewport)(完全响应)？

Question

我找到了这个网站:

http://tocka.co/

当你加载它时，你会看到红色背景和里面的文字。这会占据整个屏幕，然后您可以向下滚动。尝试调整您的浏览器大小...此 div 将始终填满它并允许您向下滚动到紧随其后的内容。

我想达到同样的效果。关于实现这一目标的最佳方法有什么想法吗？我假设会涉及一些 Javascript？

非常感谢。

Answer 1

这两个中的一个应该可以完成这项工作，只需在 CSS 中。

div{
    height:100%;
}

或

div{
    height:100vh;
}