打印样式中box-sizing常失效,因浏览器打印预览默认重置为content-box;需用!important强制border-box,并配合@page统一控制页边距与尺寸。
打印样式中 box-sizing 为什么经常失效
浏览器在打印预览时默认使用 screen 样式表的计算逻辑,但部分 UA 样式(如 Chrome 的打印视图)会强制重置 box-sizing 为 content-box,尤其对
、
等非替换元素。这意味着即使你在 @media print 里写了 box-sizing: border-box,也可能被忽略。
实操建议:
立即学习“前端免费学习笔记(深入)”;