[TOC] http://www.uml.org.cn/ajax/201503025.asp?artid=17353 http://zikoman.lofter.com/post/3bf3bb_6da8d80 *** 首先思考一下：问题所在？ 1. 响应式网页的真正目的是使网页适应任何屏幕，任意比例和宽度的互联网产品。这些远远超出了手机（所谓移动端）的范畴。完美的东西是不存在！ 2. 别试图适应任何屏幕，应该根据自己的用户进行有针对性的测试，这样操作性更强。 3. 设备尺寸大小差异太大，如果只是一张图片，像素太高就会加载很慢，像素太低就会显示不清晰，所以你得有几种尺寸去适应多种设备。 4. 加载速度，在移动端尤为重要，而且也显得很明显。 5. SEO对响应式网页的支持非常好。搜索引擎希望提供的内容对用户更友好。 6. 网页设计常会从印刷排版中汲取灵感。 7. 当我们几年前开始做响应式设计时，我们会先创建一个pc网站，然后增加媒体查询为小尺寸屏幕改写样式。我们发现这种做法并不正确。现在我们都知道创建CSS最好是先从小尺寸屏幕开始。毕竟变大是容易的——树会生长，婴儿会长大——缩减很困难。有没有试过精简一辆汽车？一定程度是可能的，但还是很辛苦。 在大多数情况下，从小尺寸屏幕做起是合乎逻辑的。当要把东西做的更大时，我们只需要为大尺寸屏幕添加一些媒体查询然后调整布局就可以了。但我认为这并不是真的指小屏幕，而说的是默认状态。 ## 参考 http://caibaojian.com/book/ http://caibaojian.com/c/mobile http://caibaojian.com/links http://caibaojian.com/t/rem