css - 有没有办法对打印媒体和默认布局使用相同的 CSS 样式表？

Question

我正在寻找一种方法来为打印媒体使用与默认屏幕布局相同的样式表。对我的好处是我不必每次更新 CSS 时都更新 2 个文件。我宁愿有一个样式表并通过某种方式表示它们来指定打印媒体的特殊规则......这可能是不可能的，但我想我会把问题放在那里。

Answer 1

如果您希望样式在所有媒体中都相同，只需将样式表中的通用样式定义为正常(即不在任何媒体规则中)，然后将媒体特定元素放入相关规则中。

如果你想将一些样式应用于媒体的子集，你可以这样做:

@media print {
  body { font-size: 10pt }
}
@media screen {
  body { font-size: 13px }
}
@media screen, print {
  body { line-height: 1.2 }
}

这是 relevant W3C page 的链接