有没有一种方法可以对打印介质和默认布局使用相同的CSS样式表?

有没有一种方法可以对打印介质和默认布局使用相同的CSS样式表?,css,printing,media-queries,Css,Printing,Media Queries,我正在寻找一种方法,使用相同的样式表打印媒体作为默认的屏幕布局。对我来说,这样做的好处是,我不必每次更新CSS时都更新2个文件。我希望有一个样式表,并通过某种方式指定打印媒体的特殊规则……这可能是不可能的,但我想我已经提出了这个问题。有这种语法,尽管我真的不知道它是否在所有浏览器中都受支持(应该是): 请参阅。如果希望所有媒体的样式都相同,只需将样式表中的常用样式定义为普通样式(即不在任何媒体规则中),然后将媒体特定元素放入相关规则中 如果要将某些样式应用于媒体的子集,可以这样做: @media

我正在寻找一种方法,使用相同的样式表打印媒体作为默认的屏幕布局。对我来说,这样做的好处是,我不必每次更新CSS时都更新2个文件。我希望有一个样式表,并通过某种方式指定打印媒体的特殊规则……这可能是不可能的,但我想我已经提出了这个问题。

有这种语法,尽管我真的不知道它是否在所有浏览器中都受支持(应该是):


请参阅。

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

如果要将某些样式应用于媒体的子集,可以这样做:

@media print {
  body { font-size: 10pt }
}
@media screen {
  body { font-size: 13px }
}
@media screen, print {
  body { line-height: 1.2 }
}
这里有一个链接到

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