Question

我相信你们中有些人见过以下内容：

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

或其他任何......

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

谢谢，阿米特

Answer 1

w3可以解释得最好。

媒体类型是关于用于查看页面的媒体。

如果有人正在打印页面，则使用print媒体CSS。这在许多情况下很有用 - 如果您的网站在黑色背景上是白色文字，print CSS可能相反，因此不会浪费墨水。

屏幕是您通常会想到的 - 电脑屏幕，大多数人会看到该网站。

投影 - 如果您想在投放网站时使用更大的字体。

Answer 2

它定义样式表的媒体类型。或者应用给定的样式表，如果你愿意的话。

如果您将包含media属性的样式表包含在“print”中;该样式表中的规则只会在打印出来时影响页面。如果将media属性设置为“screen”;样式表中的规则不会影响页面的打印输出，但会在浏览器中查看时影响页面。

如果将媒体属性定义为“screen，print”;样式表中的规则将影响页面的打印输出以及它在浏览器中的显示方式。

这是W3C（定义CSS标准的组织）的a link to the documentation。

Answer 3

这些是媒体类型，允许您将样式表定位到特定媒体。