媒体查询总结

在页面布局应用不同屏幕时候，会用到媒体查询。所以原则上适配多大屏幕应用什么样的设计布局，就要写多少套媒体查询。

使用中的注意事项：
1、要在index.html页面添加这些meta属性才会起作用：

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

其中：

 content属性值 :
     width:可视区域的宽度，值可为数字或关键词device-width
     height:同width
     intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩放
     maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别，
     maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上。
     user-scalable:是否可对页面进行缩放，no 禁止缩放

2、and后一定要有空格
3、代码语义正确，很简单：max-width:960,