关于媒体查询

1.什么是媒体查询，如何理解？

　　就是根据不同的屏幕或设备，自适应布局。一套代码，多个设备应用，合理布局。

2.使用：如何实现一个网站的响应式设计？

　　1》meta标签

　　　　在网页的头部添加这行代码

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

　　其中：width=device-width: 网页宽度等于设备宽度

　　　　　initial-scale = 1.0：初始缩放比例是1.0。网页初始页面的大小占整个面积的100%

　　　　　maxmum-scale = 1.0 ：最大缩放比例为1.0

　　　　　user-scalable：用于是否可以手动缩放

　　3》建议使用单位：

　　　　rem ,em ，%