天津市住房与城乡建设部网站,中国建设银行购物网站,物流公司排名前十,wordpress页面图片如何排版在工作中遇到这样一个需求#xff0c;客户要求#xff1a; 1、实现在浏览器中打印和导出到word中#xff0c;要求浏览器打印出来的效果和word中打印的效果基本一致。2、打印的内容要自动分页#xff0c;第一页的顶部有文件头#xff0c;最后一页的底部有页尾。
这里记录一…在工作中遇到这样一个需求客户要求 1、实现在浏览器中打印和导出到word中要求浏览器打印出来的效果和word中打印的效果基本一致。2、打印的内容要自动分页第一页的顶部有文件头最后一页的底部有页尾。
这里记录一下实现的步骤 首先明确几件事
1英寸25.4毫米 即1厘米1/2.54英寸分辨率是指是一英寸面积内像素的个数在Windows系统的网页打印中默认采用的是96dpiMac系统中默认的是72dpi。A4纸规格尺寸为210mm×297mm
通过以上计算后可得A4纸96dpi下的分辨率约为793.7px×1122.5px向下取整为宽793像素和高1122像素这是我们在制作网页的时候需要的像素。 假设word中取边距为上下2.54cm左右3.18cm即向下边距1英寸左右边距约1.25英寸按96pdi计算上下边距96px,左右边距约为120px。 宽793像素和高1122像素去掉边距在网页中要打印的内容应为 553px* 930px。 更简单的方法使用类似photoshop的工具新建文件直接能够得出以上答案。 二、 浏览器打印机和导出word支持的样式,由于网页 使用媒体查询针对打印样式设置要针对差异设置打印的样式覆盖掉之前的默认样式。 设置纸张、方向、页边距
media print {page {size: A4 portrait; margin: 2.54cm 3.18cm;}
}未完待续…
