7

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

<!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 上的同一页面没有任何问题铬合金

我该如何解决？

4

1 回答 1

13

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

<!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>
于 2015-05-31T12:00:51.047 回答