当前位置: 代码迷 >> Web前端 >> A4纸网页打印中对应像素的设定跟换算
  详细解决方案

A4纸网页打印中对应像素的设定跟换算

热度:426   发布时间:2012-11-23 22:54:33.0
A4纸网页打印中对应像素的设定和换算

最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置

在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。
经过我仔细的测试,发现了网页打印中,默认采用的是96dpi,并非传闻的72dpi

A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸

所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。

但是打印机是无法满幅打印的,总要有页边距,所以我们在制作网页的时候必须减去页边距。

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

打印页边距设定为 0mm 时,网页内最大元素的分辨率:794×1123
<div style="width:794px;height:1123px;border:1px solid #000000;"> </div>

打印页边距设定为 5mm 时,网页内最大元素的分辨率:756×1086
<div style="width:756px;height:1086px;border:1px solid #000000;"> </div>

打印页边距设定为 19.05mm 时,网页内最大元素的分辨率:649×978
<div style="width:649px;height:978px;border:1px solid #000000;"> </div>

  相关解决方案