如何创建完整的视口屏幕网站布局

时间:2013-09-19 17:05:41

标签: javascript html css media-queries viewport

我刚开始使用媒体查询和视口语句。这是用于创建以下网站的内容吗?

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

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

我想要实现的是所有屏幕尺寸的整页/视口。然后滚动到下面的下一部分也填充了查看区域。这是一个新的流行类型的网络设计,我试图弄清楚如何复制它。无论是html5还是bootstrap解决方案都会很棒。提前致谢。

1 个答案:

答案 0 :(得分:0)

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

如果你刚刚开始,我会建议你从头开始学习这些,以便获得理解。 http://css-tricks.com/css-media-queries/

上有一篇很好的文章

但是,如果您不希望自己编码媒体查询;可以使用引导程序轻松制作具有流畅响应布局的那种页面。

要下载引导程序,请转到http://getbootstrap.com并从那里开始工作。