互联网的大海中总有一些宝藏文章...
有时候当你想写某个知识点的博客却发现已经有前辈写得相当完备...
本系列将收录这些好文,并配上一点小小的读书笔记。
我们通常使用媒体查询来实现响应式布局,事实上我们还可以利用 @media print
来设置页面打印时的 CSS 样式。与打印密切相关的样式据笔者所知共有四个:(这里简单陈述一下,具体怎么用看看 MDN 吧)
break-after
和break-before
通常用于强制分页。break-inside
用于控制分页时同一元素内部是否中断。print-color-adjust: exact;
打印时精准显示背景颜色。
本文看点:
- 用于打印的 CSS 与 文档 @page 规则
- 如何保持打印样式与页面样式一致
- 如何调试打印呈现
- 如何阻止页面打印