HTML <link> 标签中容易被忽视的 media 属性

来源：互联网发布：东海防空识别区知乎编辑：程序博客网时间：2024/05/16 12:54

定义和用法

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" 属性值。

语法

<link media="value">

属性值

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