如果我把media =" screen"并不是

时间:2015-09-24 18:58:21

标签: css css3 media-queries

我见过许多网站导入css,如

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

有些人

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

我真的很想知道如果我们将 media =&#34; screen&#34; 属性设置为链接元素,会有什么不同。

5 个答案:

答案 0 :(得分:3)

有多种原因:

  1. 最重要,当您打印页面时,也会显示screen样式。
  2. 您可以为一种特定媒体定义样式。
  3. 屏幕阅读器可以使用不同的CSS媒体aural(已弃用)或speech
  4. 查看Using Media Queries了解详情。

答案 1 :(得分:1)

这是媒体查询。这个特别是在传统屏幕(即不是屏幕阅读器)上查看时仅使用该样式表。 More info on MDN

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

媒体类型屏幕告诉我们,只有在电脑屏幕,平板电脑,智能手机等屏幕的情况下才能加载style.css.css不会加载打印预览或屏幕阅读器。

答案 4 :(得分:0)

如果您希望在打印时更改外观,那么样式表会为网站的打印版本创建样式。