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。
选择不同的分辨率图像像素大小也会随之变化。
我是用下面的转换公式,将A4纸转为在屏幕中的分辨率
页边距: 0.75 inch
A4: 8.27x11.69 inch
打印机DPI:600DPI
屏幕DPI : 96DPI
width = (8.27 - 0.75 * 2) * 96 / 600 = 650 px
height = (11.69 - 0.75 * 2)* 96 / 600 = 978 px
所以,当<table> 的width=650px, height=978px时,用IE 打印时,刚好能打印一页的A4纸.
在公制长度单位与屏幕分辨率进行换算时,必须用到一个DPI(Dots Per Inch)指标。
在Windows系统的网页打印中默认采用的是96dpi,Mac系统中默认的是72dpi。
A4纸张的尺寸是210×297mm,按1英寸=25.41mm换算,即8.264×11.688英寸
所以,A4纸96dpi下的分辨率是794×1123,这就是我们在制作网页的时候需要的象素。
理想情况下,打印页边距为0mm 时,网页内最大元素的分辨率:794×1123
<div style="width:794px;height:1123px;border:1px solid #000000;"></div>
但是打印机是无法满幅打印的,总会有页边距,所以我们在制作网页的时候必须考虑到页边距。
各种浏览器的打印页边距设置是不同的,IE打印默认的页边距为19.05mm,
因此针对IE打印页设计的网页页内最大元素的分辨率应为:649×978
<div style="width:649px;height:978px;border:1px solid #000000;"></div>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?