36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<div id="sina_keyword_ad_area2" class="articalContent ">
|
||
<div>最近开发项目时遇到了网页打印的问题，这是问题之二，打印宽度设置</div>
|
||
<div><br />
|
||
</div>
|
||
<div>在公制长度单位与屏幕分辨率进行换算时，必须用到一个DPI(Dot PerInch)指标。 </div>
|
||
<div>经过我仔细的测试，发现了网页打印中，默认采用的是96dpi，并非传闻的72dpi </div>
|
||
<div><br />
|
||
</div>
|
||
<div>A4纸张的尺寸是210×297mm，按1英寸=25.41mm换算，即8.264×11.688英寸 </div>
|
||
<div><br />
|
||
</div>
|
||
<div>所以，A4纸96dpi下的分辨率是794×1123，这就是我们在制作网页的时候需要的象素。 </div>
|
||
<div><br />
|
||
</div>
|
||
<div>但是打印机是无法满幅打印的，总要有页边距，所以我们在制作网页的时候必须减去页边距。 </div>
|
||
<div><br />
|
||
</div>
|
||
<div>以下是我测试的各种页边距下，A4纸对应的象素尺寸： </div>
|
||
<div><br />
|
||
</div>
|
||
<div>打印页边距设定为 0mm 时，网页内最大元素的分辨率：794×1123 </div>
|
||
<div><divstyle="width:794px;height:1123px;border:1px solid#000000;"></div> </div>
|
||
<div><br />
|
||
</div>
|
||
<div>打印页边距设定为 5mm 时，网页内最大元素的分辨率：756×1086 </div>
|
||
<div><divstyle="width:756px;height:1086px;border:1px solid#000000;"></div> </div>
|
||
<div><br />
|
||
</div>
|
||
<div>打印页边距设定为 19.05mm 时，网页内最大元素的分辨率：649×978 </div>
|
||
<div><div style="width:649px;height:978px;border:1pxsolid #000000;"></div></div>
|
||
<div><br />
|
||
</div>
|
||
<div>转自：http://blog.163.com/shensc@126/blog/static/131289652201010911519150/</div>
|
||
|
||
</div>
|
||
<p> </p> |