谷歌浏览器打印额外的页面

Question

我目前正在使用 css 制作一个适合打印的网站（wordpress），并且在某些页面上在 A4 上打印时它会留下一个完全空白的最后一页（请参见此处的示例：http : //takana.co.nz /?page_id=25）。

使用 Google Chrome 的开发人员工具和“模拟 CSS 媒体”选项模拟打印时，我找不到任何会在内容末尾添加更多空格的内容。

直接的结论是有些东西在页脚文本之外添加了空白，但是我无法检查打印页面上的元素来找到它。


在 chrome 上使用打印预览时，是什么导致了额外的页面？

Answer 1

在 css 中使用以下代码

 @media print {
     html, body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;
     }
}

添加CSS后查看预览；

Answer 2

似乎问题出在padding. 尝试针对媒体打印进行padding调整.entry-wrap。

可能是像下面这样的

@media print {
 .entry-wrap {
   padding: 25px; /* adjust it accordingly */
 }
}

希望这会对您有所帮助（y）。