Firefox只打印第一页，但其他浏览器运行正常

Question

最新版Firefox（在Windows中）的打印预览显示如下：

应该有两个页面，但它只显示第一页。如您所见，第2页的标志被切断。 可能是什么原因造成的？

Answer 1

Firefox以前的版本在使用长表和iframe（包括绝对定位元素）打印时出现问题。

如果您没有看到这些元素，我建议您使用display:table或display:flex检查此元素，并毫不犹豫地将其更改为display:block仅用于@media print < / p>

另一个头痛可能来自溢出属性。使用overflow:scroll或overflow:hidden找到此类元素，当然可以为@media print编写overflow:visible。

这一切都来自我。

Answer 2

我在Firefox仅打印第一页时遇到了同样的问题。

以我为例

float: right;

是问题所在。设置为float时，Firefox将第二页打印为空白。

要解决此问题，我必须在CSS中使用此代码（例如）：

@media print {
  div.example {
      float:none;
  }
}

Answer 3

在这里，我将CSS文件配置为仅在屏幕上加载，问题已解决。

<link href="../css/sb-admin-2.min.css" rel="stylesheet" media="screen">