CSS-MediaQuery

语法：

@media 设备类型 and （设备特性 = 样式代码）

例子：

@media screen and (max-width: 600px)

设备类型：

all - 所有设备

screen - 电脑显示器

print - 打印机或打印预览视图

handheld - 便携设备

tv - 电视机类型设备

speech - 语音和音频合成器

braille - 盲人用点字法触觉回馈设备

embossed - 盲文打印机

projection - 各种投影设备

tty - 固定密度字母栅格的媒介，比如电传打印机和终端

设备特性：

width - 窗口宽度

height - 窗口高度

device-width - 设备屏幕分辨率的宽度

device-height - 设备屏幕分辨率的高度

orientation - 浏览器窗口是纵向还是横向（portrait | landscape）

aspect-ratio - 浏览器窗口宽度/高度

device-aspect-ratio - 设备分辨率宽度/设备分辨率高度

color - 设备使用多少位的颜色值（如果不是彩色设备则为0）

color-index - 色彩表中的色彩数

monochrome - 单色帧缓冲器中每像素的字节数

resolution - 设备的分辨率（300dpi）

scan - 电视机类别设备的扫描方式（progressive | interlace）

grid - 设备是基于栅格还是基于位图（0 - 位图 | 1 - 栅格）