HTML 标签的 media 属性说明

今天在做微博统计系统的时候,页面都已经调好了.需要一个打印功能,这个很简单嘛,javascript:window.print();这样就ok啦.

不过我打出来的效果和页面显示的不一样,下方的表单数据不见了好多,只能看到一个一半的地区select.

从打印出来的效果看,好像是浮动的原因.检查了下源代码.

注意到引入css时的一个属性值.media=”screen”.

对这个属性有一点点的印象.于是搜了下.结果还真是这个问题.我把这个值改为了”all”,

再打印,效果和页面的效果是一样的了.


学css还是好久以前的事了,记住的都是大多常用的一些了.

今天做个记录.算是复习下了.

以下内容摘自 :w3shool http://www.w3school.com.cn/tags/att_link_media.asp

定义和用法

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

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

语法

<link media="value">

属性值

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

浏览器支持

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

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

实例

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

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

HTML 标签的 media 属性说明》有3个想法

  1. 阿健说道:

    你这广告是手动插入的么?

发表评论

返回顶部