javascript - 能否给个响应式布局的简单例子？？

Question

想学习响应式布局，只知道好像是用css媒体查询实现。具体的实在不清楚，希望有知道的大神给个简单的响应式布局的例子

Answer 1

推荐看下，阮一峰老师的博客:http://www.ruanyifeng.com/blog/2012/05/r...

Answer 2

比如这个，这是正常页面的显示：

当我把浏览器窗口调小后，它就变成这样了：

地址：http://wenda.wecenter.com/

Answer 3

其实segmentfault网站本身就是响应式设计，你缩小浏览器窗口大小就能看到。
推荐一本经典的书《响应式Web设计：HTML5和CSS3实战》
另外可以去研究Bootstrap这个响应式框架，会对你理解响应式设计很有帮助。