CSS 链接中的 media="print" 是什么意思？

Question

我发现为了使我的一个包正常工作，我必须添加media="print"到链接，如下所示：

<link rel="stylesheet" href="my_href" media="print">

但它有什么media="print"作用呢？

Answer 1

这意味着仅当用户尝试打印您的网页时才会应用该样式表中的样式。

这对于隐藏导航、评论、侧边栏等内容非常有用，以便用户可以简单地打印文本。

您甚至可以在“普通”CSS 文件中执行此操作，使用打印媒体查询，它基本上实现了相同的效果，如下所示：

@media print {
    #sidebar, header, footer, #comments {
        display: none;
    }
}