HTML <link> 标签的 media 属性
定义和用法
media 属性规定被链接文档将显示在什么设备上。
media 属性用于为不同的媒介类型规定不同的样式。
实例
两种不同的样式表，针对两种不同的媒介类型（计算机屏幕和打印）：
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
</head>
浏览器支持
所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。
提示：在全屏模式中，Opera 也支持 "projection" 属性值。
属性值
值 | 描述 |
screen | 计算机屏幕（默认）。 |
tty | 电传打字机以及类似的使用等宽字符网格的媒介。 |
tv | 电视机类型设备（低分辨率、有限的滚屏能力）。 |
projection | 放映机。 |
handheld | 手持设备（小屏幕、有限带宽）。 |
print | 打印预览模式/打印页面。 |
braille | 盲人点字法反馈设备。 |
aural | 语音合成器。 |
all | 适用于所有设备。 |
自己做了一个例子在屏幕显示时table为红色且可以看见按钮，而打印或者打印预览的table为蓝色并且按钮不可见
屏幕下
