Skip to content

互联网的大海中总有一些宝藏文章...

有时候当你想写某个知识点的博客却发现已经有前辈写得相当完备...

本系列将收录这些好文,并配上一点小小的读书笔记。


我们通常使用媒体查询来实现响应式布局,事实上我们还可以利用 @media print 来设置页面打印时的 CSS 样式。与打印密切相关的样式据笔者所知共有四个:(这里简单陈述一下,具体怎么用看看 MDN 吧)

  1. break-afterbreak-before 通常用于强制分页。
  2. break-inside 用于控制分页时同一元素内部是否中断。
  3. print-color-adjust: exact; 打印时精准显示背景颜色。

本文看点:

  • 用于打印的 CSS 与 文档 @page 规则
  • 如何保持打印样式与页面样式一致
  • 如何调试打印呈现
  • 如何阻止页面打印