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

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

关于原理： 基本原理是通过媒体查询（@media）查询检测不同的设备屏幕尺寸做处理。 关于兼容： 页面头部必须有 mate 声明的viewport。

<meta

  name="’viewport’"

  content="”width=device-width,"

  initial-scale="1."

  maximum-scale="1,user-scalable=no”"

/>