css - MediaWiki - 在不影响 Print.css 的情况下更改 Common.css

Question

有没有办法在不影响可打印版本布局的情况下更改所有皮肤的 MediaWikis CSS？

更清楚地说：MediaWiki 有一个自己的样式表，用于它的“可打印版本”页面（print.css）。我不希望对 common.css 中的样式表进行更改以显示在可打印版本页面上。

因此，如果我更改所有“正常”wiki 页面的字体大小，我仍然希望在可打印版本页面上保留原始字体大小。

Answer 1

使用媒体查询@media screen确保它只在屏幕上有效，如下所示：

@media screen{
  .selector{
    /*your styles here*/
  }
}

更多信息请访问https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

在您的 CSS 中使用以下内容：

@media print {
  .element-with-your-class {
    your style
  }
}

“@media print”确保在打印页面时应用您设置的样式。有关媒体查询的更多信息，请参阅此链接。