javascript - 通过 `print()` 打印不会打印 Firefox 中的所有页面

Question

我想知道通过在 Firefox 中使用 JavaScript 来使用打印选项。

我有一个包含打印链接的页面：

<a href="javascript:print()">print</a>

我也按照关于 Javascript 的打印按钮页面上的说明进行操作。

问题是当我尝试在 Firefox 下打印页面时，我得到一个四页的 PDF 预览，其中缺少内容：

• 第一页是空的，
• 第二个将从应该在第三页上的内容开始，并且
• 第三页和第四页是空的

我尝试使用 Chrome，它按预期工作。

有任何想法吗？

Answer 1

获得一致打印行为的最佳方法是使用打印样式表。这准确定义了应该如何打印哪些内容，因为浏览器在这方面存在很大差异。某些浏览器在某些标记方面存在问题（例如浮动元素）。

您可以在A List Apart上找到一篇关于打印样式表的非常好的文章，它应该对您很有帮助。

当然可能还有其他更新的好文章，但这篇 ALA 文章是如此基础，即使它已有 10 年的历史，它仍然值得一读——这就像网络内容的石器；）

Answer 2

这都是因为 Firefox 无法处理不同的容器样式。我使用 UIkit 并通过将以下代码添加到我的 CSS 文件来解决此问题：

@media print
{   
    .uk-grid {
        display: inline !important
    }
}

您可能想为您使用的类设置“显示：内联！重要”。