html - 在 HTML 中模拟 A4 页面

标签 html pdf

<分区>

我需要创建一个 A4 纸大小的 HTML 页面。

我知道以像素为单位的 A4 纸张尺寸为:595px x 842px(字符串编号 10-11)。但是当我输入这些尺寸并尝试打印页面时(由于暂时缺少墨水，我打印为 PDF 文件)，我的 HTML 并没有完全适合页面:它要小得多。

当我尝试添加一些像素(当然还有系数)时，我得到了 794px x 1122px(12-13 号字符串)和第二次打印尝试(保存到 PDF 文件)给我的结果是这个变体有点大，然后需要。

那么，解决方案是什么？为什么 595px x 842px 与保存为 PDF 的真实 A4 不兼容？

附言我在 Ubuntu 13.10 上使用 Chromium，但没有在 Windows 上检查过。

我这样做是为了能够通过 PHP 简单地更改值，然后将 HTML 页面转换为 PDF，例如 described here .

最佳答案

HTML 假定屏幕为 96 DPI，或者 1 像素为 1/96 英寸。

在分辨率非常高的硬件上，它使用逻辑像素的概念，接近1/96英寸的单位，每个像素由多个组成设备像素。这适用于打印机，也适用于手机和其他具有高分辨率屏幕的设备。

因此，如果您想要一个与 A4 纸大小相同的矩形(21 × 29.7 厘米)，您应该使用 794 × 1122 像素，或者在 CSS 中，width:794px;高度:1122px。但是你也可以使用物理单位，width:21cm; height:29.7cm 如果你不想担心这些逻辑像素。

关于html - 在 HTML 中模拟 A4 页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20927182/