适合所有屏幕的所有高度

Question

我想问一下你如何适应每个屏幕的每个部分的高度。我尝试了高度：100％，但它没有奏效。它也是一个视差网站，我在主页上尝试过（下面的布局），但我真的不知道如何让它工作。提前感谢您的帮助！ ：）

Answer 1

你试过吗，

.backgroundDiv {
 height:100vh;
 width:100vw;
}

Answer 2

如果您想要div的100％高度，您还需要为 html 和 body 提供100％的高度。试试这个例子。我希望它会对你有所帮助。

<强> HTML

<div class="demo"></div>

<强> CSS

html, body {
  height: 100%;
  width: 100%;
}
.demo {
  background: #000;
  height: 100%;
  width: 100%;
}