html打印页面，打印额外的空白页面

Question

我有一个 HTML 页面，当我进行打印预览或打印文档时，总是会打印额外的页面。

下面是我用于打印页面的 CSS。从 StackOverflow 中的其他提及中提取的解决方案，都没有帮助

@media print {
    @page { 
        margin-top: 17mm; 
        margin-left: 0;
        margin-right: 0;
        margin-bottom:25mm;
    }

    body { 
        margin: 0;
        box-shadow: none;
        page-break-after: avoid;
}

    .container {
        padding: 0;
        width: 100%;
        height: 100%;
    }

}

Answer 1

尝试删除您的边距。我的猜测是您将页面设置为 100%，然后通过添加边距使其更大，使计算机认为它需要打印两页。