HTML打印的相关问题
type
status
date
slug
summary
tags
category
icon
password
😀
这里写文章的前言: 接到一个打印相关的需求,踩了不少坑,记录一下
 
 

关于word文档的字体和html的字体全部问题

notion image
word文档使用的字号单位是磅 pt,而html往往使用的是px rem em。但是html可以使用pt作为单位,而且还可以使用cm mm 这种作为单位。所以只需要在html里面使用pt作为单位就可以和word文档的内容保持一致了。

如果设置规范设置HTML为A4大小?

还以为很复杂,结构深挖发现css有完备的相关设置方法
首先需要知道A4的物理尺寸宽度是 21cm x 29.7cm,一般打印机的内边距使用是2cm
 
此次,css可以设定page的大小
 

@media print 无效问题

当写有打印需求的页面时,最好将css分成两类,一类是@media screen ,另一类是@media print ,如果有两种media通用的css,在设置print的样式时,因为通用样式的层叠,可能会导致样式失效,这时需要采用!important来确保浏览器采用print下面的样式
 
 

控制页面打印的时候是否可以在某个元素处分页

 
 
 
 

execCommand 方法实现不同size的设置

因为<font>元素的size只有1-7,而且和px,pt都对应,所以希望实现自定义字体单位
曲线救国:
 

📎 参考文章

 

© ittat 2016-2025