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

在公制长度单位与屏幕分辨率进行换算时,必须用到一个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>

A4纸的尺寸:210×297mm

A3纸的尺寸:297×420mm

https://www.jianshu.com/p/ae843652a021 https://blog.csdn.net/a772116804/article/details/78836480 https://blog.csdn.net/a772116804/article/details/79581610 <table style="border-collapse: colla... 关于css控制 打印 更多内容可以参阅css控制 打印 内容的样式一章节。使用@page规则可以对 打印 进行更多的设置,比如指定 页面 尺寸 。页边 距,页眉页脚等,以求达到更好的效果。下面做一下简单介绍。一. 张大小设置:@page {size: 5.5in 8.5in;}设置 张大小,5.5英寸宽,8.5英寸高。@page {size: A4 ;}通过别名控制 张大小,如" A4 "或“legal.”@page ... 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试,发现了 网页 打印 中,默认采用的是96dpi,并非传闻的72dpi在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试,发现了 网页 打印 中,默认采用的是96dpi,并非传闻的72dpi A4 张的 尺寸 是210×297mm,按1英寸=25.41mm... A4 张是210*297mm。您就把 页面 宽度 设置为210mm。单位一定要选择“mm”。不过给您个建议,如果您需要 打印 的话,建议您用弹出窗口,这样更容易控制 打印 的位置和大小。在Web中 打印 是比较难控制的,选择弹出窗口是比较合理的。弹出窗口您可以使用js实现。具体代码如下。functionshowModelDialog(page,width,height){varre=window.showModa... 在开发中,有时需要实现 页面 的局部 打印 功能,不 打印 页面 上不需要的区域,< div > 内容1 < div > 内容2 < div > 内容3 < div id = " toPrint " style = " color : red " > 打印 内容 < button onclick = " print() " > doPrint 我需要 打印 具有 A4 尺寸 的特定div。但是,当我 打印 时,在 打印 屏幕上我的div不适合 A4 页面 。我的div大小为568px和842px( A4 页面 大小)。如何调整div大小以将 页面 打印 A4 ?我要 打印 html 内容如下:我的 打印 方法如下:printComponent(cmpName) {let printContents = document.getElementById(cmpName).innerH... 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;(默... A4 网页 打印 中对应像素的设定和换算最近开发项目时遇到了 网页 打印 的问题,这是问题之二, 打印 宽度 设置在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。经过我仔细的测试,发现了 网页 打印 中,默认采用的是96dpi,并非传闻的72dpi A4 张的 尺寸 是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸所以, A4 96dpi下的分辨率是7... CSS设置 A4 张大小我需要在 网页 中模拟一张 A4 ,并允许 打印 页面 ,因为它是在浏览器(特别是Chrome)上显示的。 我将元素大小设置为21厘米x 29.7厘米,但是当我发送 打印 (或 打印 预览)它剪辑我的 页面 。看到这个现场的例子 ! HTML Page 1/2 Page 2/2 CSSbody { margin: 0; padding: 0; background-color: #FAFAF...