响应全屏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;
}

会给你this