从打印页面禁用浏览器特定的页眉和页脚

Question

我正在使用 Javascript 打印网页，但我的页眉和页脚包含页面标题、文件路径、页码和日期。如何删除它们？

我发现了与此问题相关的类似问题，如下所示

• Remove header and footer from window.print()

但是每个解决方案都说要在@page 中设置margin:0

我试过了

@page {
    size: A4 landscape;
    margin: 0;
}

body {
    margin: 30pt;
}

它在我打印页面的第一页上运行良好。从第二页开始，页边距变为零。

我也尝试过moznomarginboxes，但现在已弃用。

Answer 1

这会删除不需要的数据：

html, body {
  width: 210mm;
  height: 297mm;
  margin: 0 auto;
}

@page {
  size: auto;
  margin: 0;
}

如果您决定使用 margin 和 font-size，很可能需要对其进行调整。