网页宽度为多少才可以打印出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 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纸相关推荐

网页宽度为多少才可以打印出A4纸呢
打印宽度设置在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,windows系统默认采用的是96dpi,Mac系统采用的 ...
网页宽度打印出A4纸
最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...
html网页宽度自动适应手机屏幕宽度的方法
html网页宽度自动适应手机屏幕宽度的方法 web项目中经常会出现html页面需要自适应手机屏幕的情况.可以通过设置屏幕的缩放比例来实现: 一.使用meta标签,这也是普遍使用的方法,理论上讲使用这个 ...
html网页大小自动调整大小,根据电脑屏幕分辩率大小自动调整网页宽度
目前,电脑显示器主要为液晶显示器,它们的屏幕大小参差不齐,分辨率自然也大小不一,从面导致同一大小的网页在不同分辨率的电脑显示千差万别,可能有的显示正常,有的显示乱.这就要求在设计网页时处理好这个问题, ...
最佳网页宽度及其实现
1. 设计网页的时候,确定宽度是一件很苦恼的事. 以minifun.cn为例,根据Google Analytics的统计,半年多以来,访问者的屏幕分辨率一共有81种.最小的分辨率是122x160,这应 ...
viewport属性允许网页宽度自动调整
允许网页宽度自动调整首先,在网页代码的头部,加入一行viewport元标签 viewport是网页默认的宽度和高度 <metaname="viewport" content ...
移动端网页宽度值（未加meta viewport标签）
移动端网页宽度值(未加meta viewport标签): iphone:980px Galaxy(盖乐世):980px Nexus:980px blackberry(黑莓):980px LG:980p ...
html设置div页面最底,使用css让大图片不超过网页宽度
让大图片不超过网页宽度,让图片不撑破通过CSS样式设置的DIV宽度! 接下来,我们来介绍下网站在开发DIV+CSS的时候会遇到一个问题,在发布一个大图片的时候因为图片过宽会撑破自己设置的div宽度的问 ...
html读取媒体长度,用媒体查询media根据屏幕分辨率大小确定网页宽度
显示网页的终端屏幕分辨率大小不一,为了能使同一网页能在不同的终端中合适显示,CSS3 推出了媒体查询media.用媒体查询media能根据屏幕分辨率大小确定网页宽度,这主要在 CSS 文件中根据屏幕分 ...

网页宽度为多少才可以打印出A4纸

网页宽度为多少才可以打印出A4纸相关推荐

最新文章

热门文章