回响式Web设计的理念是让页面根据用户行为以及设备环境（萤幕尺寸、解析度等）进行相应的回响和调整。回响式网页设计就是一个网站能够兼容多种终端，而不是为每种终端做一个特定的版本。
本书分为两部分，首部分是前端的基本回响式技术，涉及回响式布局、图片的处理、解决问题的思路以及一些进阶的技巧等；第二部分在以上内容的基础上，加入了对页面进行性能调优的内容，包括如何确立性能指标，如何使用不同的工具衡量性能，以及如何解决常规的性能问题等。

第1章 概述及任务介绍 1

1.1　为什幺需要回响式设计　1

1.1.1 产品形态需要　1

1.1.2 性能与商业考虑　3

1.2　本书的线索　3

1.3　写作思路　4

1.4　定义回响式　5

1.5　本书任务　6

第2章　回响式中要面对的问题　9

2.1　像素密度　9

2.2　CSS像素　14

2.3　视口　17

2.3.1 桌面浏览器的视口　17

2.3.2 移动设备浏览器的视口　18

2.3.3 设备宽度　20

小结　21

第3章　布局　23

3.1　写在编码前的话　23

3.1.1 写出好的代码　24

3.1.2 代码的浏览器适配问题　25

3.1.3 仰望星空与脚踏实地　26

3.2　全局样式　27

3.3　无懈可击的导航栏　30

3.3.1 桌面端　30

3.3.2 移动端导航栏　37

小结　40

第4章　布局——回响式篇　41

4.1　媒体查询　41

4.1.1 为什幺需要媒体查询　41

4.1.2 什幺是媒体查询　44

4.1.3 媒体查询中的逻辑　45

4.1.4 媒体查询的策略　46

4.1.5 导航栏与媒体查询　51

4.1.6 polyfill　56

4.2　伸缩布局　58

4.2.1 为什幺需要伸缩布局　58

4.2.2 快速入门　58

4.2.3 基本套用　60

4.2.4 回归导航栏flexbox.css　62

4.3　相对单位　63

4.3.1 相对单位em　65

4.3.2 相对单位rem　67

4.3.3 如何使用这几种单位　68

4.4　标题布局　70

4.4.1 背景　71

4.4.2 文字居中　73

4.5　回响式文字　79

4.5.1 标题　79

4.5.2 正文内容　83

小结　89

第5章　回响式图片　91

5.1　万能的100%　91

5.2　回响式图用例　93

5.3　srcset语法　96

5.3.1 移动优先或桌面优先　97

5.3.2 计画赶不上变化　98

5.3.3 家长式管理　99

5.4　picture元素　99

5.4.1 sizes　99

5.4.2 picture元素和source元素　102

5.4.3　polyfill　105

5.4.4　picture元素的未来　105

5.5　放弃图片　105

5.5.1 事实上我们并不需要图片　105

5.5.2 数据 URI　105

5.5.3 CSS形状　107

5.5.4 图示字型　110

5.6　后端方案　118

5.6.1 前端配置　118

5.6.2 后端配置　119

5.6.3 注意　119

5.7　最佳化标题的背景图片　120

5.7.1 image-set　120

5.7.2 渐进式图片　120

5.7.3 媒体查询　122

5.7.4 无需图片　123

小结　124

第6章　脚本与性能：入门篇　125

6.1　为何要选择脚本　125

6.2　为何要谈性能　126

6.3　如何衡量性能　126

6.3.1 页面载入时间　127

6.3.2 速度指数—载入时间并非万能　129

6.3.3 帧数　133

6.3.4 工具与测试　136

6.4　传统脚本的性能最佳化指南　147

6.4.1 懒载入初级版本　147

6.4.2 最佳化点1：滚动事件的回调函式　153

6.4.3 最佳化点2：重绘与回流　157

6.4.4 最佳化点3：选择器　161

小结　163

第7章　脚本与性能：提高篇　165

7.1　避免脚本　165

7.1.1 样式实现　166

7.1.2 脚本实现　168

7.1.3 回到导航栏　170

7.2　封装与载入器　175

7.3　性能最佳化思路　181

7.4　后端能做什幺　185

7.4.1 RESS　185

7.4.2 其他　187

小结　187

第8章　工程问题　189

8.1　安装Node.js　189

8.2　Bower　192

8.2.1 什幺是Bower　192

8.2.2 安装Bower　193

8.2.3 使用Bower　194

8.2.4 进阶使用　195

8.3　Grunt　198

8.3.1 什幺是Grunt　198

8.3.2 安装Grunt　198

8.3.3 使用Grunt　199

8.4　Yeoman　203

8.4.1 什幺是Yeoman　203

8.4.2 安装Yeoman　204

8.4.3 生成项目　205

小结　206

后记　207