在网页中,看到使用CSS的地方,大多数都会有这么一句:
XML/HTML代码
- <link rel="stylesheet" type="text/css" href="global.css" media="screen">
 
那么,究竟这个media有什么作用呢?通过查下资料了解到:
XML/HTML代码
- all-- 用于所有设备类型
 - aural-- 用于语音和音乐合成器
 - braille-- 用于触觉反馈设备
 - embossed-- 用于凸点字符(盲文)印刷设备
 - handheld-- 用于小型或手提设备
 - print-- 用于打印机
 - projection-- 用于投影图像,如幻灯片
 - screen-- 用于计算机显示器
 - tty-- 用于使用固定间距字符格的设备。如电传打字机和终端
 - tv-- 用于电视类设备
 
虽然media有10个值,但我们经常看到的也就print,和screen两种。当然也会有没有media标签的情况,这个时候其实就是默认media="all"。
既然如此,那我们也就相当于了解了,如果你需要打印,那么你在按下打印的时候,系统就会默认调用media="print"所对应的CSS文件了。也因此这样可以让你更好的整理你的打印页面,比如把一些不需要打印的内容屏蔽掉、优化打印页面(让内容更利于被打印)等等
虽然我不是前端,但。。了解一下这些内容还是有点用处的。

