zoukankan      html  css  js  c++  java
  • A4纸网页打印——宽高设置

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

    A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸 。所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。

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


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

    1. 打印页边距设定为 0mm 时,网页内最大元素的分辨率:794×1123

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

    2. 打印页边距设定为 5mm 时,网页内最大元素的分辨率:756×1086 

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

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

    二、附录:

    A4纸的尺寸是210mm*297mm,也就是21.0cm*29.7cm,而1英寸=2.54cm,如果屏幕DPI分辨率为72像素/英寸,换算一下:相当于1cm可呈现 (72px/2.54cm) = 28.34px

    下面是一些常用分辨率下A4纸在屏幕上的像素尺寸:

    分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842;

    分辨率是96像素/英寸时,A4纸的尺寸的图像的像素是794×1123;(默认)

    分辨率是120像素/英寸时,A4纸的尺寸的图像的像素是1487×2105;

    分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是1240×1754;

    分辨率是300像素/英寸时,A4纸的尺寸的图像的像素是2480×3508;

  • 相关阅读:
    uglifyjs2压缩混淆js文件
    Html5应用程序缓存ApplicationCache
    nginx搭建笔记
    Free git private repo
    编程哲学之 C# 篇:007——如何创造万物
    编程哲学之 C# 篇:003——为什么选择 C#
    编程哲学之 C# 篇:004——安装 Visual Studio
    编程哲学之 C# 篇:006——什么是 .NET
    编程哲学之 C# 篇:005——"Hello,World!"
    为什么要使用Entity Framework
  • 原文地址:https://www.cnblogs.com/softwarefang/p/6093448.html
Copyright © 2011-2022 走看看