CSS媒体查询@media

介绍：css在匹配指定媒体设备类型后，还支持了设备的多个特性，来精确进行css样式切换

设备类型：

| All | 所有设备 |
| Print | 打印设备 |
| Screen | 电脑显示器，彩色屏幕 |
| Braille | 盲人用点字法触觉回馈设备 |
| Embossed | 盲文打印机 |
| Handheld | 便携设备 |
| Projection | 投影设备 |
| Speech | 语音或者音频合成器 |
| Tv | 电视类型设备 |
| Try | 电传打印机或者终端 |

语法：

1. @media 设备类型 and 设备特性条件（这里可以写max-width:1200px 这种）{
2. 满足以上条件后会使用的css样式
3. 选择器1{
4. css属性名1: 属性值1;
5. css属性名2: 属性值2;
6. }
7. 选择器2{
8. css属性名1: 属性值1;
9. css属性名2: 属性值2;
10. }
11. }