Firefox 打印 CSS - A4 页面上的额外空白页答案

【问题标题】：Firefox print CSS - Extra blank page on A4 pageFirefox 打印 CSS - A4 页面上的额外空白页
【发布时间】：2015-08-13 21:55:30
【问题描述】：

我创建了一个简单的打印 CSS 来生成 A4 页面。

<!doctype html>
<html>
<head>
<style media="print">
    * {margin:0;padding:0}
    @page {size: 297mm 210mm; margin:0mm;}
    html, body {width: 297mm; height: 210mm}
    html {background-color:red}
    body {background-color:green}
</style>
</head>

<body>
    <p>TEST</p>
</body>
</html>

对于 Firefox 38.0.1，在 打印预览 窗口中，正文（绿色）有一个额外的高度，会触发第二页

如果我打印文件，会打印2页，所以这不是仅与打印预览有关的问题。

我已经删除了 页面设置 部分的所有边距以及 Firefox 添加的所有额外元素（如标题、网址、日期...）

Chrome 43.0.2357.81 上同一页面没有任何问题

我该如何解决？

【问题讨论】：

标签： html css firefox print-css

【解决方案1】：

使用它，它会直接工作:)

<!doctype html>
<html>
    <head>
        <style>
            @media print {
                * {margin:0;padding:0}
                @page {size: A4 landscape; margin:0mm;}
                html, body {height: 100%;}
                html {background-color:red}
                body {background-color:green}
            }
        </style>
    </head>
    <body>
        <p>TEST</p>
    </body>
</html>

【讨论】：

@DevilingMaster 请接受这个答案。这对我也有用:)
完美，唯一适合我的解决方案。谢谢
@julian-xhokaxhiu 谢谢你，让我省了很多麻烦！