由相同代码生成的 2 个 HTML 页面打印出来的尺寸不同,尽管在浏览器中它们的尺寸相同

由相同代码生成的 2 个 HTML 页面打印出来的尺寸不同,尽管在浏览器中它们的尺寸相同

我们有两个由供应商解决方案生成的页面,我们已对其进行了自定义。这两个页面属于同一类型(即,填写相同的表单以创建打印的 HTML)。这两个页面之间唯一的不同之处应该是用户答案的​​文本。在浏览器中,这两个页面大小相同(即,根据开发人员工具计算的值,字体大小相同,标题的高度和宽度相同,等等)。然而,打印时,其中一个页面上的文本和图像明显小于另一个页面上的文本和图像,就好像页面被缩小了一点(可能缩小了 15%)。缩放比例在打印预览和打印页面中都可见。Firefox 和 Chrome 中都存在此问题。

我注意到的一件事是,虽然其中一张打印件看起来所有东西都变小了,但横幅的宽度设置为 100%,在两张打印件上的宽度相同,尽管在缩放后的页面上高度较小。这说明整个页面并不是简单地被缩放了,尽管我可能错了。

我尝试将两页都打印到 PostScript 文件 (.prn),但无法理解我所看到的内容。

有人能解释一下是什么原因导致了这种缩放吗(如果是的话)?

由于隐私问题,恐怕我无法附加屏幕截图或文件。

答案1

此问题是由浏览器解析 HTML 代码以生成 PostScripte 文件或任何要打印的文件的方式引起的。浏览器完全按照预期执行操作,因此问题出在特定代码上。

您可以尝试使用其他浏览器、Firefox 插件(例如,创建 PDF 的插件)等不同的方法。它们使用与浏览器不同的方法来创建打印输出,因此问题可能会自行解决。

或者您可以使用浏览器中的 Web 开发人员工具(或可以在打印前编辑网站的插件)编辑代码。

相关内容