【发布时间】:2016-05-09 13:36:57
【问题描述】:
有没有办法在不影响可打印版本布局的情况下更改所有皮肤的 MediaWikis CSS?
为了更清楚:MediaWiki 有一个自己的样式表,用于它的“可打印版本”页面 (print.css)。我不想让 common.css 中的样式表也出现在 printable-version-page 上。
因此,如果我更改所有“正常”wiki 页面的字体大小,我仍然希望在可打印版本页面上保留原始字体大小。
【问题讨论】:
有没有办法在不影响可打印版本布局的情况下更改所有皮肤的 MediaWikis CSS?
为了更清楚:MediaWiki 有一个自己的样式表,用于它的“可打印版本”页面 (print.css)。我不想让 common.css 中的样式表也出现在 printable-version-page 上。
因此,如果我更改所有“正常”wiki 页面的字体大小,我仍然希望在可打印版本页面上保留原始字体大小。
【问题讨论】:
使用媒体查询@media screen 确保它只在屏幕上有效,如下所示:
@media screen{
.selector{
/*your styles here*/
}
}
更多信息https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
【讨论】:
在您的 CSS 中使用以下内容:
@media print {
.element-with-your-class {
your style
}
}
“@media print”确保在打印页面时应用您设置的样式。 有关媒体查询的更多信息,请参阅this link。
【讨论】: