css - 尽管设置了@media 打印样式，为什么我在打印时会得到额外的行和/或段落间距？

Question

使用 Chrome 开发工具预览我的打印样式一切看起来都不错，但是当我实际打印页面时，我遇到了以下问题:

1. 在几个看似随机的段落之后，有一个很大的额外空间，就好像添加了 margin-bottom(或下一个元素的 margin-top)一样。

2. 在某些情况下，段落本身会被打断(不是在分页处)，段落的两行之间会添加额外的垂直空间。

3. 在大多数页面上，页面第一行的顶部被截断，出现在上一页的底部。通过将行高设置为“正常”，这个问题得到了改善(但没有消除)。

我该如何解决这些问题，因为它们在 Chrome 中呈现打印样式时不会显示？

Answer 1

我该如何解决这些问题，因为它们在 Chrome 中呈现打印样式时不会显示？

执行 ⌘ + p(打印)，然后使用打印预览作为指导。我在我的一个网站上做了这个，对我来说效果很好 ~ 没有浪费纸张。