打印宽度设置
在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标。
经过我仔细的测试,发现了网页打印中,windows系统默认采用的是96dpi,Mac系统采用的是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>

其他的大小,一般标准印刷300dpi时:
A4纸的尺寸的图像的像素是2480×3508;

A3纸的尺寸的图像的像素是4960×3508;

B3纸的尺寸的图像的像素是3248×4300;

B4纸的尺寸的图像的像素是3248×2150。
附:

A4纸的尺寸:210×297mm
A3纸的尺寸:297×420mm

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

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

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  2. 网页宽度打印出A4纸

    最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dot Per Inch)指标. 经过我仔细的测试,发现了网页打印中,默认采用 ...

  3. html网页宽度自动适应手机屏幕宽度的方法

    html网页宽度自动适应手机屏幕宽度的方法 web项目中经常会出现html页面需要自适应手机屏幕的情况.可以通过设置屏幕的缩放比例来实现: 一.使用meta标签,这也是普遍使用的方法,理论上讲使用这个 ...

  4. html网页大小自动调整大小,根据电脑屏幕分辩率大小自动调整网页宽度

    目前,电脑显示器主要为液晶显示器,它们的屏幕大小参差不齐,分辨率自然也大小不一,从面导致同一大小的网页在不同分辨率的电脑显示千差万别,可能有的显示正常,有的显示乱.这就要求在设计网页时处理好这个问题, ...

  5. 最佳网页宽度及其实现

    1. 设计网页的时候,确定宽度是一件很苦恼的事. 以minifun.cn为例,根据Google Analytics的统计,半年多以来,访问者的屏幕分辨率一共有81种.最小的分辨率是122x160,这应 ...

  6. viewport属性允许网页宽度自动调整

    允许网页宽度自动调整 首先,在网页代码的头部,加入一行viewport元标签 viewport是网页默认的宽度和高度 <metaname="viewport" content ...

  7. 移动端网页宽度值(未加meta viewport标签)

    移动端网页宽度值(未加meta viewport标签): iphone:980px Galaxy(盖乐世):980px Nexus:980px blackberry(黑莓):980px LG:980p ...

  8. html设置div页面最底,使用css让大图片不超过网页宽度

    让大图片不超过网页宽度,让图片不撑破通过CSS样式设置的DIV宽度! 接下来,我们来介绍下网站在开发DIV+CSS的时候会遇到一个问题,在发布一个大图片的时候因为图片过宽会撑破自己设置的div宽度的问 ...

  9. html读取媒体长度,用媒体查询media根据屏幕分辨率大小确定网页宽度

    显示网页的终端屏幕分辨率大小不一,为了能使同一网页能在不同的终端中合适显示,CSS3 推出了媒体查询media.用媒体查询media能根据屏幕分辨率大小确定网页宽度,这主要在 CSS 文件中根据屏幕分 ...

最新文章

  1. AI隐形衣:穿上这件连帽衫,监控算法对你“视而不见”
  2. 特斯拉2021全年交付近百万辆,同比暴涨87%,马斯克:了不起!
  3. 分辨5线单极性步进电机接头
  4. HDU - 7008 水题(打表)
  5. 在C#中使用Json.Net进行序列化和反序列化及定制化
  6. 3.9 对称三位素数
  7. fastjson解析JSON数据乱序导致的问题
  8. 上新啦!OpenMMLab全面更新!
  9. python线程安全_线程,线程安全与python的GIL锁
  10. 关于提高社交网站SNS竞争力的分析
  11. Windows和linux(ubuntu)互传文件简便快捷的方法
  12. stm32例程_如何系统地入门学习stm32?
  13. Linux视频教程在线观看Boobooke
  14. #4017. 复制粘贴(copypaste)
  15. 深圳外贸企业出口退税申报办理流程,外贸企业出口退税申报流程
  16. c语言中线性与非线性,最小二乘法 线性与非线性拟合
  17. 10.24程序员日,开源社给大家送上大礼!【抢票贴】#疯狂倒计时24小时,10月24-25日I WANT YOU!#...
  18. Windows7安装mysql步骤_win7系统安装MySQL软件的详细步骤
  19. SystemError: execution of module h5py.utils raised unreported exception
  20. 环境模块迁移-freeze

热门文章

  1. 51单片机实验——LED小灯的操作(一)
  2. 关于计算机全景图的试题,计算机视觉实战篇—全景图制作
  3. form表单(自用)
  4. 调焦后焦实现不同距离成像_望远镜调焦系统及方法与流程
  5. 软间隔SVM---松弛变量惩罚因子
  6. 【第53题】输入、输出系列1-查找文件和替换文件内容
  7. 混淆问题(常见问题汇总)
  8. 【大禹电子】超声波液位计应用在三都岛海水养殖流量监测
  9. 计算机amibios设置教程,最新最全图解 手把手教您设置主板BIOS
  10. xmanager键盘输入两次的问题