黑客与画家pdf_web前端书籍_《响应式Web设计实践》：前端+后台=响应式

  本文关键词：响应式Web设计实践，由笔耕文化传播整理发布。

《响应式Web设计实践》：前端+后台=响应式

2013-04-12 1042 阅读

《响应式Web设计实践》是一本关于响应式Web设计的书，虽然之前也有构建响应式站点的经验（比如）仔细读完全书，才知道响应式不只是media query这么简单。

本书内容非常丰富，下面介绍一些对我有所帮助的章节：

我之前的制作经验是“优雅降级”型的，先制作一个完整的站点，在Chrome、IE中都能完整查看了，然后再往下增加一些断点，比如640px、320px等，在这些断点中新增样式来覆盖之前的完整样式，或者隐藏一些元素，但这样的缺点是不支持媒体查询的手机浏览器就只能读取完整站点样式了。而且因为做了restyle，整体代码量会偏大。

所以本书的经验“渐进增强”，先制作一个核心站点样式，这个样式中没有负责布局的样式，，没有左右栏，就是简单的核心样式。然后在媒体查询中往上增加一些断点，比如320px、640px等，在这些断点中新增样式来增加布局样式，这样就免掉了之前的缺点。

最后桌面端的IE678不认识media query，所以需要用IE条件注释加载一个单独的样式：

  本文关键词：响应式Web设计实践，由笔耕文化传播整理发布。