## 一、什么是响应式？ > 响应式布局是 Ethan Marcotte 在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个 Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体验。 ## 二、响应式响应的是什么？ 响应就是系统对于外部变化的反馈跟适应，响应式就是系统做出这种反馈所依据的方案与策略。对于一个 Web页面，外部的变化是指媒介（Media）与视窗（Viewport）的变化，媒介指 Web页面运行在哪些设备的屏幕上（手机、平板、PC、Mac等），视窗指浏览器用来显示网页内容的窗口，也就是浏览器去掉标签栏、地址栏、工具栏之后显示内容的窗口大小。所以对于一个 Web页面而言，响应式响应的就是媒介与视窗的变化，响应的结果在视觉上表现为页面在不同媒介、不同视窗下会有不同的布局结构、版式设计以及不同数量信息的展示。