HTML <link> 标签的 media 属性

HTML <link> 标签

实例

两种不同的样式表，针对两种不同的媒介类型（计算机屏幕和打印）：

<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 适用于所有设备。

HTML <link> 标签

VUE