我需要创建一个A4纸张尺寸的HTML页面。
我知道A4纸张尺寸为:595px x 842px
(字符串编号10-11 )。但是当我放置这些尺寸并尝试打印页面时(我打印到PDF文件,由于暂时缺少墨水),我不会让我的HTML完全适合页面:它要小得多。
当我尝试添加一些像素(当然是系数)时,我得到794px x 1122px
(字符串编号12-13 )和第二次打印尝试(保存为PDF)文件)给了我一个结果,这个变体有点大,然后需要。
那么,解决方案是什么以及为什么595px x 842px
与保存为PDF的真实A4不兼容?
P.S。我使用Chromium用于Ubuntu 13.10并且没有在Windows上检查它。
我这样做是为了能够通过PHP简单地更改值,然后将HTML页面转换为PDF,如described here。
答案 0 :(得分:48)
HTML假设屏幕为96 DPI,或1像素为1/96英寸。
在具有非常高分辨率的硬件上,它使用逻辑像素的概念,它们是接近1/96英寸的单位,每个单元由多个组成设备像素。这适用于打印机,也适用于具有高分辨率屏幕的手机和其他设备。
因此,如果你想要一个相同尺寸的矩形和一个A4(21×29.7厘米),你应该使用794×1122像素,或者使用CSS width:794px; height:1122px
。但是,如果您不想担心这些逻辑像素,也可以使用物理单位width:21cm; height:29.7cm
。
答案 1 :(得分:4)
如果你打算打印这个,请记住你应该以300dpi打印,所以8.5" x11" * 300 =身高:3300px;宽度:2550像素。
另外,我会缓冲.25"为了保证金,所以只做8" x 10.5"在转换为像素之前。