html - 将页面的一部分拉伸(stretch)到全高

Question

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

Answer 1

为该部分使用此 CSS:

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

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