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

Question

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

1. 在一些看似随机的段落之后，有很大的额外空间，好像已在页边距底部（或下一个元素的页边距顶部）添加了。

2. 在某些情况下，段落本身是不完整的（不是在分页符处），在段落的两行之间添加了额外的垂直空间。

3. 在大多数页面上，页面第一行的顶部被切除，而是出现在前一页的底部。通过将行高设置为“正常”可以改善（但不会消除）此问题。

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

Answer 1

How do I trouble shoot these issues, since they don't show when rendering print styles in Chrome?

执行⌘ + p （以进行打印），然后将打印预览用作指导。我在我的一个站点上进行了此操作，对我来说效果很好〜不会浪费纸张。