内容简介

想要为平板、手机、笔记本、大屏幕设备，甚至可穿戴设备提供最优的用户体验？那就学习响应式设计吧。这是一本内容特别全面、讲解非常透彻的入门书。特别地，通过这本书不仅能迅速掌握响应式Web设计的基本原理，还能够从头到尾了解响应式设计的工作流程：从项目启动开始，到项目最终上线为止。

只要你的工作与创建、改造或者升级网站有关系，都应该看看这本书。换句话说，不仅是前端开发人员，设计师、产品经理、项目经理，甚至后端开发人员也可以通过本书掌握响应式设计的精髓所在。这本书基于响应式设计的前沿技术和社区经验写成，汇集了前人的智慧和最佳实践。希望读者能够“站在巨人的肩膀上”，把这本书的内容应用到未来的项目中，造福更多用户。

内容策略的制定应先于视觉设计

默认设计应针对最窄屏幕宽度进行

响应式Web设计的关键：HTML元素和CSS属性

基于设备视口宽度，通过媒体查询显示不同的CSS样式

处理图像、文字排版和导航

采用性能优化技术建立更轻量级、更快的网站

作品目录

前言 XV

第一部分　响应式设计基础

第1章　什么是响应式设计 3

1.1　一点儿基础 3

1.2　简史 6

1.2.1　固定宽度设计 6

1.2.2　移动Web 浏览 7

1.2.3　移动网站 8

1.2.4　更多的设备　 9

1.2.5　媒体查询 10

1.2.6　灵活性 11

1.2.7　响应式网页设计 12

1.3　为什么是响应式设计 12

1.3.1　每个设备都得到正确的设计 12

1.3.2　更少的工作 14

1.3.3　搜索优化 14

1.4　总结 15

第2章　响应式内容 16

2.1　内容策略 16

2.2　内容整理 18

2.2.1　仅使用你需要的 18

2.2.2　如何精简 19

2.2.3　内容审计 20

2.3　内容编写 20

2.3.1　用户如何阅读 20

2.3.2　简明的语言 22

2.4　内容平等 23

2.5　内容管理 24

2.6　自适应内容 24

2.7　总结 27

第二部分　创建响应式网站

第3章　响应式网站之HTML 31

3.1　使用HTML32

3.1.1　HTML 版本 32

3.1.2　Web 标准 33

3.1.3　使用HTML5 33

3.2　页面基本结构 34

3.2.1　文档类型声明 34

3.2.2　文档结构 34

3.2.3　页面标题 35

3.2.4　字符集 36

3.3　视口 37

3.3.1　宽度 40

3.3.2　初始缩放比 40

3.3.3　用户可缩放 40

3.3.4　最大缩放比 41

3.4　结构性元素 41

3.4.1　屏幕阅读器 42

3.4.2