以 A4 横向打印单个 HTML 页面：带 Chrome Linux 的额外页面答案

【问题标题】：Print Single HTML Page in A4 Landscape : Extra Page w/ Chrome Linux以 A4 横向打印单个 HTML 页面：带 Chrome Linux 的额外页面
【发布时间】：2022-01-12 16:21:03
【问题描述】：

我正在尝试使用 Chrome 在 A4 Landscape 中打印以下 HTML 页面：

https://www.iccube.com/downloads/A4_landscape.html

它包含以下内容：

<!DOCTYPE html>
<html lang="en" style="margin: 0; padding: 0; overflow: hidden; width: 297mm; height: 210mm">
<body style="margin: 0; padding: 0; overflow: hidden; width: 297mm; height: 210mm">
<div style="margin: 0; padding: 0; overflow: hidden; width: 297mm; height: 210mm; background-color: lightskyblue">
    Print me in A4 landscape!
</div>
</body>
</html>

不幸的是，Linux 上的 Chrome (v96.x) 会打印一个额外的页面。

这是一个错误还是我对 HTML 做错了什么？

注意：它可以在 Windows 上使用 Chrome 正确打印。注意：使用 Firefox 可以正常打印。

【问题讨论】：

尝试从 body 和 html 重置所有样式，将 overflow: hidden 添加到 div
@Justinas 我已经编辑了文件；还是一样的问题。

标签： html google-chrome

【解决方案1】：

尝试在您的 html 标签前添加以下内容

<style type="text/css" media="print">
    @page { size: auto; margin: 0; padding 0; overflow: hidden; }
    body  { margin: 0mm 0mm 0mm 0mm; padding: 0mm 0mm 0mm 0mm;}
</style>

【讨论】：

还是同样的问题。