如果我放 media="screen" 而不放 media="screen" 有什么区别

What is the difference if I put media="screen" and not

我见过很多导入 css 的网站，例如 

<link media="screen" rel="stylesheet" href="style.css" />

有些 

<link rel="stylesheet" href="style.css" />

我真的很想知道如果我们把 media="screen" 属性放在 link 元素上会有什么不同。

有多种原因：

  1. 最重要，打印页面时，screen 样式也会出现。
  2. 您可以只为一种特定媒体定义样式。
  3. 屏幕阅读器可以有不同的 CSS 媒体 aural（已弃用）或 speech。

查看 Using Media Queries 了解更多信息。

这是一个媒体查询。特别是在传统屏幕（即非屏幕 reader）上查看时，这个仅使用该样式 sheet。 More info on MDN.

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

媒体查询确定何时应应用样式。这取决于用户在什么设备或媒体上查看您的内容。

媒体类型屏幕表明 style.css 仅应在计算机屏幕、平板电脑、智能手机等屏幕的情况下加载。css 不会加载打印预览或屏幕阅读器。

如果您想在打印时更改外观，该样式表会为网站的打印版本创建样式。