javascript - 如何创建全视口(viewport)屏幕网站布局

Question

我刚开始使用媒体查询和视口(viewport)语句。这是用来创建如下网站的内容吗？

http://html5up.net/escape-velocity/

http://www.sitediscount.ru/parallaxer3bs/index.htm

我想要实现的是在所有屏幕尺寸上的完整页面/视口(viewport)。然后滚动到下一部分，下面也充满了查看区域。这是一种新的流行类型的网络设计，我正试图弄清楚如何复制它。 html5 或 bootstrap 解决方案都很棒。提前致谢。

Answer 1

简短回答:是的，媒体查询是创建流畅布局的主要方式。

如果您刚刚起步，我建议您从头开始学习编写这些内容以便理解。 http://css-tricks.com/css-media-queries/ 上有一篇很好的文章

但是，如果您不想自己编写媒体查询代码；可以使用 Bootstrap 轻松制作具有流畅响应式布局的那种页面。

要下载 Bootstrap ，请转至 http://getbootstrap.com并从那里开始工作。