如何做小程序-网页打印时设置A4大小

--------

如何做小程序

------- 近期开发设计新项目时遇到了网页页面复印的难题,这是难题之二,复印宽度设定
在公制长度企业与屏幕辨别率开展换算时,务必用到一个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 > 复印页边距设置为 5mm 时,网页页面内最大元素的辨别率:756 1086
div > 复印页边距设置为 19.05mm 时,网页页面内最大元素的辨别率:649 978
div > 附:
A4纸的尺寸:210 297mm
A3纸的尺寸:297 420mm

检测源码以下:

 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd" 
 html xmlns="1999/xhtml" 
 head 
 meta http-equiv="Content-Type" content="text/html; charset=gb2312" / 
 title 网页页面复印A3、A4文本文档尺寸 /title 
 style 
body{text-align:center;}
div{margin:0 auto;overflow:hidden;font-size:12px;display:block;}
p{margin:15px 30px;position:relative;overflow:hidden;padding:0;}
 /style 
 /head 
 body 
 div p 这是你要的复印內容 /p /div 
复印页边距设置为 5mm 时,网页页面内最大元素的辨别率:756×1086
 div p 这是你要的复印內容 /p /div 
复印页边距设置为 19.05mm 时,网页页面内最大元素的辨别率:649×978
 div p 这是你要的复印內容 /p /div 
 script 
//拷贝內容
var divs=document.getElementsByTagName("div");
var 凡科抠图=document.getElementsByTagName("p");
for(var i=0;i divs.length;i++)
 凡科抠图[i].innerHTML=copy(11,凡科抠图[i].innerHTML);
 凡科抠图[i].style.height= parseInt(divs[i].style.height.replace("px"))-30+"px";
function copy(count,cont)
 for(var j=0;j count;j++)
 cont+=""+cont;
 return cont;
 /script 
 /body 
 /html 

(完)

大伙儿有甚么难题或技术性上的念头能够在此与大伙儿共享,还可以添加前端开发喜好者QQ群()一起学习培训发展:【幸凡前端开发技术性沟通交流群】如需转载请注明出处:art_detail.aspx?id=655【网页页面复印时设定A4尺寸】幸凡学习培训网 0 ---------

如何做小程序

------------