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

Question

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

Answer 1

开发响应式网站，如果仅仅是根据尺寸变化等比缩放，请使用 rem 单位；如果需要根据不同的尺寸，差异化显示内容，请使用 @media 媒体查询根据不同的设备尺寸个性化定制多套 css 方案。

Answer 2

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

Answer 3

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

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

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

Answer 4

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