将页面的一部分拉伸到全高

Question

我想知道如何将页面的一部分拉伸到全高和全宽？就像一个全屏部分 100% 的窗口。好吧，如果你调整它的大小而不是你的最大高度。我不知道该怎么做。我该怎么办？

Answer 1

在该部分使用此 CSS：

#your_section {
  width: 100vw;
  height: 100vh;
}

vh 和 vw 单位实际上是视口宽度和高度的百分比，但除了常规的百分比值之外，它们与父元素无关，而仅与视口本身有关。

Answer 2

您应该将身体的高度设置为 100%，然后将您想要的部分的高度设置为 100% 的高度，这应该会导致该特定部分占据浏览器的全部高度。 如果您还想要全宽，还可以将宽度 100% 添加到正文和部分。