HTML <link> 标签的 media 属性

实例

两种不同的样式表,针对两种不同的媒介类型(计算机屏幕和打印):

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
</head>

亲自试一试

定义和用法

media 属性规定被链接文档将显示在什么设备上。

media 属性用于为不同的媒介类型规定不同的样式。

浏览器支持

所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。

提示:在全屏模式中,Opera 也支持 "projection" 属性值。

语法

<link media="value">

属性值

描述
screen 计算机屏幕(默认)。
tty 电传打字机以及类似的使用等宽字符网格的媒介。
tv 电视机类型设备(低分辨率、有限的滚屏能力)。
projection 放映机。
handheld 手持设备(小屏幕、有限带宽)。
print 打印预览模式/打印页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于所有设备。
VUE