在谷歌浏览器上打印时删除空白页答案

【问题标题】：Remove blank page when printing on google chrome在谷歌浏览器上打印时删除空白页
【发布时间】：2016-11-19 20:57:02
【问题描述】：

我使用@media print {} 对打印进行一些更改。但是当我在谷歌浏览器中看到打印预览时，它会在底部显示一个额外的空白页。如何删除它？我尝试了一些代码，但它仍然无法正常工作。

div:last-child{
    page-break-after: auto !important;
}
body,html{
    height:auto !important;
    min-height:200px;
}

【问题讨论】：

【解决方案1】：

试试这个方法：

* {
  font-size: 1em !important;
  line-height: 1 !important;
}

【讨论】：

你拯救了我的一天。行高：1！重要；像魔术一样工作。
我不知道为什么会这样，但确实如此。设置 line-height: 1 是唯一对我有用的东西。对于那些只想在打印时执行此操作的人，最好将此 css 粘贴在 @media print { } 指令中以避免与其他样式混淆。

【解决方案2】：

在我看来，这是因为 bootstrap 在那里添加了虚拟样式。我重新设置了它们。看看它是如何添加它们的。

所以我重新设置了它们：

【讨论】：