media,毋庸置疑,是设备的意思。用在这里,就是说明客户的当前设备类型是什么,然后执行不同的css样式。
<link rel="stylesheet" type="text/css" media="screen" href="screenStyle.css"/>
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
所有浏览器都支持media值为 "screen"、"print" 以及 "all" 的 media 属性。
media的所有属性值见下表:
值 |
描述 |
screen |
计算机屏幕(默认)。 |
tty |
电传打字机以及类似的使用等宽字符网格的媒介。 |
tv |
电视机类型设备(低分辨率、有限的滚屏能力)。 |
projection |
放映机。 |
handheld |
手持设备(小屏幕、有限带宽)。 |
print |
打印预览模式/打印页面。 |
braille |
盲人点字法反馈设备。 |
aural |
语音合成器。 |
all |
适用于所有设备。 |