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

Question

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

我创建了一个简单的打印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>

Run Code Online (Sandbox Code Playgroud)

使用Firefox 38.0.1,在" 打印预览"窗口中,正文(绿色)具有额外的高度,可触发第二页

如果我打印文件,则会打印2页,因此这不仅仅与打印预览有关.

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

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

我怎么解决这个问题？

Answer 1

Jul*_*hiu 9

使用这个,它会直接工作:)

<!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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，8 月前
查看次数：	5505 次
最近记录：	9 年，1 月前