在 Chrome 和 Safari 中打印时字体大小不同答案

【问题标题】：Different font sizes when printing in Chrome and Safari在 Chrome 和 Safari 中打印时字体大小不同
【发布时间】：2014-10-21 02:39:31
【问题描述】：

我有一个简单的网站，其中包含 bootstrap 的最新版本和很少的额外 css（特别是在此页面中没有），我发现当尝试在 Safari 和 Chrome (mac) 中打印同一页面时，我得到的字体大小非常不同.在屏幕截图中，我为 p 标签添加了固定的字体大小和行高，这基本上是文本中的内容，但您可以看到在 Safari 中它呈现得非常小（向右）。

我该如何解决这个问题？

P.D.：当然页面在浏览器上的渲染完全一样，这个问题只在打印时出现

P.D.2：我用这个页面做了一个测试，看看它是否是一个普遍的问题，它是。我看到了同样的问题，所以我更不知道该怎么做才能解决我的问题。版本是 Chrome 37 和 Safari 7.0.6

【问题讨论】：

您的样式表是否有任何@page 打印规则？在 Safari 5 中，这些都被严重破坏了。
不，这些都不是，我还检查了引导媒体查询以进行打印，似乎与问题无关
或许值得尝试添加一点@media print 规则以确保字体大小明确相同。
是的，我就是这么做的，同样的问题。
浏览器打印支持通常非常糟糕。 :(

标签： html css google-chrome printing safari

【解决方案1】：

在我的工作中，我们必须有非常高保真度的打印，所以我们通常使用wkhtmltopdf（免费）或PrinceXML（商业但非常好）来渲染服务器端，这两者都是用于 HTML 的专用打印渲染引擎.两者都生成 PDF，然后可以将 PDF 下载到浏览器并在每个平台和浏览器上打印出一致的结果。

【讨论】：

是的，如果客户过于挑剔，我可能会使用它，因为它似乎发生在任何网站上，所以想不到其他任何东西