![由相同代码生成的 2 个 HTML 页面打印出来的尺寸不同,尽管在浏览器中它们的尺寸相同](https://linux22.com/image/1579634/%E7%94%B1%E7%9B%B8%E5%90%8C%E4%BB%A3%E7%A0%81%E7%94%9F%E6%88%90%E7%9A%84%202%20%E4%B8%AA%20HTML%20%E9%A1%B5%E9%9D%A2%E6%89%93%E5%8D%B0%E5%87%BA%E6%9D%A5%E7%9A%84%E5%B0%BA%E5%AF%B8%E4%B8%8D%E5%90%8C%EF%BC%8C%E5%B0%BD%E7%AE%A1%E5%9C%A8%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%AD%E5%AE%83%E4%BB%AC%E7%9A%84%E5%B0%BA%E5%AF%B8%E7%9B%B8%E5%90%8C.png)
我们有两个由供应商解决方案生成的页面,我们已对其进行了自定义。这两个页面属于同一类型(即,填写相同的表单以创建打印的 HTML)。这两个页面之间唯一的不同之处应该是用户答案的文本。在浏览器中,这两个页面大小相同(即,根据开发人员工具计算的值,字体大小相同,标题的高度和宽度相同,等等)。然而,打印时,其中一个页面上的文本和图像明显小于另一个页面上的文本和图像,就好像页面被缩小了一点(可能缩小了 15%)。缩放比例在打印预览和打印页面中都可见。Firefox 和 Chrome 中都存在此问题。
我注意到的一件事是,虽然其中一张打印件看起来所有东西都变小了,但横幅的宽度设置为 100%,在两张打印件上的宽度相同,尽管在缩放后的页面上高度较小。这说明整个页面并不是简单地被缩放了,尽管我可能错了。
我尝试将两页都打印到 PostScript 文件 (.prn),但无法理解我所看到的内容。
有人能解释一下是什么原因导致了这种缩放吗(如果是的话)?
由于隐私问题,恐怕我无法附加屏幕截图或文件。
答案1
此问题是由浏览器解析 HTML 代码以生成 PostScripte 文件或任何要打印的文件的方式引起的。浏览器完全按照预期执行操作,因此问题出在特定代码上。
您可以尝试使用其他浏览器、Firefox 插件(例如,创建 PDF 的插件)等不同的方法。它们使用与浏览器不同的方法来创建打印输出,因此问题可能会自行解决。
或者您可以使用浏览器中的 Web 开发人员工具(或可以在打印前编辑网站的插件)编辑代码。