css - 我的@media 打印不能在 Firefox 中正确显示？

Question

打印在 Chrome 和 Safari 上看起来不错，但在 Firefox 上看起来很奇怪。我找不到有关如何在 Firefox 上修复@media print 的资源？任何意见是极大的赞赏!

编辑:分页符在 Firefox 上对我不起作用。我正在使用 Twitter Bootstrap，而在 Firefox 上，文本的对齐方式与例如 Firefox 上的对齐方式不同。 Chrome 。

这是我的 CSS:

@media print {
   h1 {
      color: #000;
   }

   .navbar {
      display: none;
   }

   h1, h2, h3 {
  page-break-after: avoid;
   }    


a[href^=http]:after {
       content:" <" attr(href) "> ";
    }

a[href^="#"]:after {
       content: "";
}

   body {
      width: 100%;
      margin: 0;
      padding: 0;
      background: none;
   }

  @page {
     margin: 2cm;
  }

}

Answer 1

Gecko 不支持 page-break-after: avoid。这能解释您看到的行为吗？