html - 如何使用 CSS 在最后一页打印背景颜色？

Question

我试图在打印时显示纯色背景。
我用过

@media print { 
    height: 100%;
    min-height:100%;
    background: #CCC; 
}

并在 Chrome 和 Safari 中激活“打印背景图形”。
但是在最后一页下面有一个白点，因为该网站没有覆盖 A4/Letter 页面的 100% 高度。

照片:

第一页:看起来符合预期。

最后一页:我想用颜色填充下面的空白区域。

Answer 1

您可以使用100vh(Viewport-height)来设置您的页面已满。

例如，在最后一页。你下面有一个空白区域，我想用颜色填充它。您可以尝试使用vh。

@media print { 
    height: 100vh;
    min-height: 100%;
    background: #CCC; 
}