网页打印页面设置小结

最近开发项目时遇到了网页打印的问题——打印宽度设置

在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi。A4纸张的尺寸是210mm╳297mm,按1英寸=25.41mm换算,即8.264英寸11.688英寸。所以,A4纸96dpi下的分辨率是794px1123px,这就是我们在制作网页的时候需要的象素。但是打印机是无法满幅打印的,总要有页边距,所以我们在制作网页的时候必须减去页边距。

以下是我测试的各种页边距下,A4纸对应的象素尺寸:

打印页边距设定为 0mm 时,网页内最大元素的分辨率:7941123

<div style="width:794px;height:1123px;border:1px solid #000000;"></div>

打印页边距设定为 5mm 时,网页内最大元素的分辨率:7561086

<div style="width:756px;height:1086px;border:1px solid #000000;"> </div>

我目前用的是这个:

打印页边距设定为 19.05mm 时,网页内最大元素的分辨率:649978

<div style="width:649px;height:978px;border:1px solid #000000;"> </div>

实际编程是,如果打印图片的话,则应该注意:

1、图片外面包括div标签,并起名id

2、修改图片大小,此时修改div无效果

例子:

<div id="print-div">
    <img src="./imgs/1.jpg" width="649" height="978">
</div>

附:

A4纸的尺寸:210mm297mm

A3纸的尺寸:297mm420mm