什么是响应式设计？为何要作响应式设计？响应式设计的基本原理是什么？

页面的设计和开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、css media query的使用等。不管用户正在使用笔记本仍是iPad，咱们的页面都应该可以自动切换分辨率、图片尺寸及相关脚本功能等，以适应不一样设备；换句话说，页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站可以兼容多个终端——而不是为每一个终端作一个特定的版本。这样，咱们就能够没必要为不断到来的新设备作专门的版本设计和开发了。

响应式设计的基本原理是经过媒体查询检测不一样的设备屏幕尺寸作处理。页面头部必须有meta声明viewport：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no”>