样式表HTML定义中的 media = "" 属性是指什么？

Question

3

我相信你们中的一些人已经看到了以下内容：

<link rel="stylesheet" src="styles.css" media="screen,projection" />
<link rel="stylesheet" src="styles.css" media="print" />

或者其他什么...

但是媒体属性实际上是做什么用的？我创建了几个网站，连接样式表时从未使用过媒体属性。这是一个错误吗？

谢谢，阿米特

- Amit

3个回答

5

该属性定义了样式表的媒体类型，或者说给定样式表的应用情况。

如果使用具有媒体属性"print"的样式表，则该样式表中的规则仅在页面被打印时生效。如果将媒体属性设置为"screen"，则样式表中的规则不会影响页面的打印输出，但会影响在浏览器中查看页面的样式。

如果将媒体属性定义为"screen, print"，则样式表中的规则将同时影响页面的打印输出和在浏览器中查看页面的样式。

这里是W3C（定义CSS标准的组织）的文档链接。

- cllpse

1

这些是媒体类型，它们允许您将样式表针对特定媒介进行定位。

- stephenhay

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oded · Accepted Answer

w3可以最好地解释它。

媒体类型是关于要使用哪种媒体来查看页面的。

如果有人打印页面，则使用print媒体CSS。这在许多情况下非常有用-如果您的站点是白色文本黑色背景，则print CSS可以使其相反，以免浪费墨水。

屏幕就是您通常所想的-计算机屏幕，大多数人将通过此屏幕查看站点。

投影-如果您想在投影网站时拥有更大的字体。