print， 输出到打印机；
projection，提交到投影机；
aural，扬声器；
braille，提交到凸字触觉感知设备；
tty，电传打字机 (使用固定的字体)；
tv，电视机；
all，所有输出设备
--
以上是传统的说明，实际上除了规定这些之外，你还可以用@media来设定不同分辨率下的不同样式形式。
比如，你设定了页面的max-width（最大宽度）为960px
在传统的用法中，不管它在什么样的分辨率下，都会这样表达。
但是你现在完全可以用media来规定，当浏览宽度大于1000px的时候，max-width为960px
而在手机，比如IP4s上，可以让其max-width为480px之类的。
media query 里的 min-width 和 max-width 要“反着”来理解：min-width: 768px，表示最小宽度是768px，即它下面的样式代码在屏幕宽度大于等于768px时生效；max-width: 768px，表示最大宽度是768px，即屏幕宽度小于等于768px时生效。
搞清楚了上面的原理，再来看 ipad 的 media query 被设为 min-width: 768px，因为ipad的竖屏使用场景较多，所以就能优先应用到该样式，那么设置 max-width: 768px 行不行呢？当然也可以，不过这样写，它下面的样式代码的适配场景就少得多，而且这种写法不符合自然的逻辑思维，理解起来有点绕。
