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;

  • 相关阅读:
    sdk 和 Open API 有什么区别
    分布式锁介绍
    K8s 资源更新机制详解 (ResourceVersion 与 patch)
    Pod 一直处于pending状态但是kubectl describe和logs都没有输出信息的原因
    CAP 理论详解
    kubebuilder中的controller:latest是什么镜像
    Codeforces Round #441 (Div. 1, by Moscow Team Olympiad)
    Matrix Tree 定理及证明
    Codeforces Global Round 15 题解
    Harbour.Space Scholarship Contest 2021-2022 (Div. 1 + Div. 2) 题解
  • 原文地址:https://www.cnblogs.com/softwarefang/p/6093448.html
Copyright © 2011-2022 走看看