我的@media打印无法在Firefox中正确显示？

Question

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

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

这是我的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。这可以解释你看到的行为吗？