html - 使每个 div 成为视口(viewport)的大小

Question

我希望使用 CSS 使每个 div 成为屏幕的大小，然后每当用户滚动时下一个 div 就会进入 View 。有一个 JavaScript 库可以执行后者，但我不记得名字了。至于让每个 div 的屏幕大小我已经尝试了以下但无济于事。

<div>Div Content</div>

div {
    width: 100%;
    height: 100%;
}

Answer 1

您可以使用 vw and vh使元素成为视口(viewport)的大小:

div {
   width: 100vw;
   height: 100vh;
}