媒体是什么意思？样式表HTML定义中的属性是指什么？ [英] What does the media="" attribute in the stylesheet HTML definition refer to?

问题描述

我确定你们中的一些人看到了以下内容：

I'm sure some of you have seen the following:

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

或其他...

但是媒体属性实际上是做什么的呢？我已经创建了多个网站，并且在链接样式表时从未使用过media属性。

But what does the media attribute actually do? I've created several websites and I have never used the media attributes when linking stylesheets. Is that a mistake?

谢谢，
Amit

Thanks, Amit

推荐答案

w3 可以最好地解释它。

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

The media types are about what media is to be used to view the page.

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

If someone is printing the page, the print media CSS is used. This is useful in many cases - if your site is white text on black background, the print CSS can be the opposite so ink is not wasted.

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

Screen is what you would normally think about - the computer screen, how most people will see the site.

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

Projection - if you want to have a larger font when projecting the website.

这篇关于媒体是什么意思？样式表HTML定义中的属性是指什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！