C3：媒体查询
简介：
媒体查询可以根据不同设备（比如屏幕、打印机等）、不同属性（比如视图的宽高、手机的横屏竖屏、屏幕的分辨率等）来自动的调整元素显示的样式，让网页能够在不同的设备下进行预览，可以用作响应式布局。
媒体类型：
- screen : 计算机显示器
- print:打印机
- tv:电视类
- all:所有
- braille:触觉反馈设备
- embossed:盲文印刷设备
- handheld:小型或手持设备
- projection:投影图像
- speech:语音合成器
- tty:打字机
媒体特性：
二、用途
1.为不同的设备引用不同的样式表
2.根据不同的媒体特性有选择性的执行css片段中的部分内容
3.逻辑操作符
1.and：并且，表示同时满足条件，
2. ’ , '（逗号）：或者，表示条件里面满足任意一个就可以了
3. not：取反
4. only：仅仅匹配成功时应用样式
only主要是解决老版本兼容性的问题