我看到这些类型的网站随处可见，当您向下滚动时，网站的不同部分有不同的颜色，当您调整它们的大小时，这些部分的高度会自动调整：
https://www.khanacademy.org/ http://www.awwwards.com/best-websites/yay-graphic-design-studio/
我想在向下滚动时按不同颜色区分小部分。但是，如果不为div设置明确的高度，我无法找到一种方法。这样做的正确方法是什么？
更新：谢谢大家，感谢您的建议。我试图在没有bootstrap的情况下实现这个，只是用html和css。如果我无法理解，我会给fullPage.js一个镜头和引导程序。
答案 0 :(得分：1)
当您需要网格或表格时，您当然可以使用Bootstrap的CSS，但第二个网站 - 以及无数其他网站 - 的结构方式基于类似的脚本或相同的流行脚本如下：
这些部分在大多数情况下都使用您自己的CSS设置样式。插件的CSS是一个很好的起点。有许多例子需要学习。
Khan在很大程度上使用CSS。您可以在FireFox或Chrome（插件）中使用开发人员工具并研究样式。可能是一个带有display：table和内容的部分：table-cell with vertical-align：middle - 这在许多浏览器上都很稳定，可以将内容垂直放在中心。然后body和html的高度为100％，每个部分都有，但它确实适合该特定项目的情况。
答案 1 :(得分：0)
一个好的开始方法是使用Bootstrap。它有助于您设置网站设计。它为你做了大部分讨厌的工作。它还取决于您使用的环境。但它应该适合初学者。顺便说一下，他们有一些很棒的教程。您可以从转到CSS部分开始，然后了解如何划分部分等等。
答案 2 :(得分：0)
Bootsrap是一个很好的方式来开始搜索响应式网站，但我提供你看看这个链接，它包括它如何发生在你自己的CSS或bootstrap。
如果您想要快速解决方案，我想that就是您需要的
答案 3 :(得分：0)
你可以使用＃＆＃34; new＆＃34; css3属性vh witch代表视口高度。简而言之，访问者浏览器高度的高度：
请参阅此处了解兼容性：http://caniuse.com/#search=vh