响应式Web设计主要包括
- 流式布局：布局方式以百分比为主，比如Bootstrap移动设备优先的流式栅格系统
- 媒体查询：查询设备的各种属性值，比如：设备类型、分辨率、屏幕物理尺寸及色彩等
- 弹性图片：让图片可以根据视窗自适应展示。这里的图片包括：图片、图标、图标及视频等。
基于上述工具进行响应式Web设计，可以采用的设计模式有：
- 设备优先
- 移动优先：此模式让我们优先考虑网站最重要的部分，即要展示主要内容。某些时候，移动优先与“内容优先”同义，或者说，移动网站策略就是内容策略。
关键特性
如果没有以下这两个特性，响应式Web将不复存在：