css - 打印的网页看起来与 Google Chrome 打印预览中的不同

Question

我遇到了最奇怪的问题，我什至无法开始进行故障排除。重要的是我正在工作的这个元素中的网页是 100% 可打印的。如您所见，下面的签名字段和注释字段(带有字符串“erererer”)在 Google Chrome 打印预览中显示效果很好，但当我使用 Chrome 浏览器实际打印出来时却不是这样。事实上，note 字段只打印出边框，没有其他内容(看起来像一个带边框的白色空 div)，而 signature 字段打印出除实际签名之外的所有内容。当我使用谷歌浏览器将文档另存为 PDF，然后直接从 PDF 打印出来时，一切都打印得很完美。当我用firefox打印时，签名区域打印完美，但笔记问题仍然是它只打印外边框。

对于如何开始解决此问题的任何建议或关于为什么会发生这种情况的任何意见，我将不胜感激。

非常感谢!

Answer 1

如果您需要准确可靠的可打印性，使用 iText 和 PDF 是一种解决方案。您可以将页面呈现为 PDF，它将显示在浏览器中，然后完全按照指定打印。

HTML 通常不准确，有来自浏览器的标记(页码等)，并且可能出现故障。

iText (最新版本)可用于开源或商业用途。还有一个免费的旧版本。请参阅:What is latest version of itext that is not AGPL?

至于您的笔记字段:也许背景、非标准样式有些奇怪？ ，或不存在的字体？试着把它变成普通的 Vanilla table 。