A4纸网页打印 html网页页面的宽度设置成多少

A4纸竖向打印,html网页页面的宽度设置成多少?这个问题是我们大家所疑惑的，于是网上搜集整理下，希望可以帮助你们

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

时间： 2024-08-08 05:37:27

A4纸网页打印 html网页页面的宽度设置成多少的相关文章

android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具

Android设备打印比较麻烦,一般设备厂商都提供原生app开发的SDK,我们web开发者为难了,不会原生开发啊 给大家提供一个思路,实现web加壳,利用打印浏览器实现 简单来说就是把我们的web页面嵌入浏览器中 web页面的打印功能通过js与浏览器互动 浏览器通过调用硬件SDK实现打印 1.机器安装最新SDK,已安装请忽略 2.下载安装本页下载连接中的打印浏览器并安装 3.对照下方事例代码,修改web页面打印功能 4.打印浏览器中打开web页面,测试打印功能 5.默认主页可以在SD卡根目录修改

网页打印A4纸-----表格在跨页时自动换页打印的实现 (转)

在最近所做的一个项目中,需要通过网页来打印不少的表单,但是又不想每个打印页签各占用一个页面,这样就需要生存很多不同的冗余页面,为了减少冗余,所有的表单通过jquery的页签tab来实现的. 一 :基本打印的实现: 1:tab页签在切换时的change事件中,记住每个页签的index, 2:在点击打印按钮时,根据所记住的index,由页签的id("tab名+index"组成),获取当前tab页签下所有的html; 3: 将获取到的需要打印页签的html赋值给document.body.i

制作A4纸打印的网页像素大小设置(转)

公司内做系统,要用A4纸打印东西,A4纸标准时mm,换算成像素不知道.网上找找,找到一篇文章,转一下,备用. 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

使用window.print实现网页打印

Window.print()方法用于在浏览器中打印当前窗口的内容,如果想要打印当前窗口中指定部分的内容的话需要其他的一些特殊的处理; Demo: <html> <head> <title>页面标题</title> <style type=”text/css” media=”print”> #button{ //隐藏网页中的打印按钮 display:none; } </style> <script type=”javscript”

width,height为多少px时，A4纸打印时刚好一页?

计算方式一般的分辨率为XX像素/英寸,其中一英寸为25.4毫米.所以一毫米的像素数就为XX/25.4.现在的工作就是求XX的值了,把XX的值求出来以后,直接用XX/25.4 * 210就得到A4纸的像素宽了. A4纸的尺寸是210mm×297mm. 分辨率是72像素/英寸时,A4纸的尺寸的图像的像素是595×842(推荐用这个大小比例).  分辨率是150像素/英寸时,A4纸的尺寸的图像的像素是1240×1754. 分辨率是300像素/英寸时,A4纸的尺寸的图像的像素是2479×3508. 选择

js实现网页打印分页打印

web打印思路:html页面本身带有打印功能window.print() 但是在打印时又不能word模板的要求来打印不能满足打印需求.同时我们打印的数据有时候是动态变化的需要按模板来打印我的处理方式是:1.按照word模板设计一个html页面模板,html页面包含了你所要输出的标签 例如:{名字}{时间} 打印区域,不打印区域,分页标签等 2.编写一个公用的打印类,传入参数使按照模板生成相应的数据,生成一个html页并显示. 3.打印 第一种方法:指定不打印区域比如页面的打印按钮等 使用CSS,

网页打印分页

一.如何实现屏显和打印的区别: 通常我们会如下设置CSS: <!--内嵌式--> <style type="text/css"> .demo1{...} .demo2{...} .demo3{...} </style> <!--外联式--> <link rel="stylesheet" type="text/css" href="mycss.css"> 实际上这个时候

web的各种前端打印方法之CSS控制网页打印样式

来源:http://www.jb51.net/web/70358.html CSS控制网页打印样式: 使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措.如果你也有这种现象,那么我告诉你吧,在W3school查到CSS的midia的作用. midia 定义和用法: media 属性规定被链接文档将显示在什么设备上. media 属性用于为不同的媒介类型规定不同的样式. 原来用到media来指定css的媒体类型,它的

c# 网页打印全流程

说明:我要实现的就是将数据库中Group表的数据查找出来,替换打印模版中的内容,再将模版文件打印出来 1.准备好要打印的模版group_O_train.html 1 <div class="pagetitle title">出国(境)培训人员汇总表</div> 2 <div>项目编号:{项目编号}</div> 3 <table class="pagedtable" style="width:25cm;f