最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置
在公制长度单位与屏幕分辨率进行换算时,必须用到一个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...