响应式设计的概念及基本原理

概念

响应式网站设计（Responsive Web design）是一个网站能够兼容多个终端，而不是为每一个终端做一个特定的版本。

原理

基本原理是通过媒体查询（@media）查询检测不同的设备屏幕尺寸做处理。

兼容

页面头部必须有meta声明的viewport。