0
点赞
收藏
分享

微信扫一扫

HTML <link> 标签的 media 属性


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为蓝色并且按钮不可见

屏幕下

 

 

 


 

 

举报

相关推荐

0 条评论