media媒体查询

媒体类型

all ---------> 所有媒体
screen ---------> 彩色屏幕(只要记住这个就可以了)
print ---------> 手持设备

braille --------->           盲文触觉设备
 embossed --------->     盲文打印机
 projection   --------->   打印预览
 speech    --------->     “听觉”类似的媒体设备
 tty     --------->          不适用像素的设备
 tv      --------->          电视

媒体属性

min-width：分辨率宽度大于设置值的时候识别
max-width：分辨率宽度小于设置值的时候识别
设备宽度device-width: （可加max min前缀）

device-width：pc端就是分辨率；移动端具体看机器的参数

min-device-pixel-ratio：像素比

device-pixel-ratio：
pc端就是1；pc端该属性要加-webkit-前缀；
移动端具体看机器的参数

orientation：portrait ：竖屏
orientation：landscape：横屏

关键字

and 连接媒体特性（相当于逻辑与）
not 排除指定媒体类型
only 指定某种特定的媒体类型
，表示逻辑或的意思。