html - Firefox 打印到 pdf 在横向模式下不应用@media 打印规则

Question

我写了一些简单的 CSS 规则来防止页面的某些部分被打印。
我的 div id="ad-pages-right-sidebar" 附加了以下 CSS:

@media print
{
    #ad-pages-right-sidebar
    {
        display:none;
    }

}

问题是，在 Firefox 中使用“打印为 PDF”功能时，div 在打印页面上仍然可见，但仅当我将页面设置为以横向模式打印时。

这只发生在 Firefox 中，并且只发生在横向模式下。

知道问题出在哪里吗？

Answer 1

您是否在横向模式下检查元素以查看是否有任何 css 被覆盖？

此外，插入仅用于打印的样式表:

<link rel="stylesheet" href="/path/print.css" media="print" />

然后使用 CSS 隐藏该样式表中的 div，看看是否可行。

#ad-pages-right-sidebar
{
    display:none;
}

使用单独的样式表或内联代码来处理打印(以正确的顺序)可以防止很多重写错误。

关于打印样式表的更多信息:
http://www.webcredible.com/blog/print-stylesheet-definitive-guide/