jquery - 响应式全屏 div（跟随垂直滚动）

Question

我正在尝试创建一个全屏 div，因此它会根据浏览器窗口的高度和宽度调整大小。

但是你可以垂直滚动到第二个 div，这也是你的浏览器窗口的大小。

我见过很多这种风格的例子，但找不到任何教程。也许我有错误的关键词？

一个很好的例子是http://www.guestd.com（除了我不需要背景图片，只需要两个div）。

谢谢。

Answer 1

使用纯 CSS，您可以非常简单地做到这一点。

HTML

<div class='tile' id='a'>

</div>
<div class='tile' id='b'>

</div>

CSS

body,html {
  width: 100%;
  height: 100%;
}
.tile {
  height: 100%;
  width: 100%;
  position: relative;
  background-color: #eaeaea;
}
#a {
  background-color: #222;
}

会给你这个