如何将整个 HTML 页面打印为 A4

Question

我从 w3-schools获取了一个模板，做了一些研究，并通过研究这个问题来尝试这个：

@page {
   size: 7in 9.25in;
   margin: 27mm 16mm 27mm 16mm;
}

我插入了这个打印代码

<script>
  $(document).ready(function()
  {
    window.print();
  });
</script>

并得到了这个结果：

但这不是我想要的。我不想要divs周围的额外空格。它应该打印为 A4 页面，如下所示：

我应该怎么做才能实现这一目标？

PS：在释放沮丧之前，我是一个纯粹的后端开发人员。我的合作伙伴是前端开发人员，病了好几天。对不起和谢谢你:)

Answer 1

尝试调整您使用的 CSS 片段中的边距值。从...开始：

\n\n

@page {\n  size: 7in 9.25in;\n  margin: 0mm 0mm 0mm 0mm;\n}\n

\xe2\x80\xa6 并增加那些“0mm”值，直到你满意为止，即 1mm、2mm 等。

\n\n

这 4 个值（在我的示例中当前均为 0mm）依次代表打印页面的上边距、右边距、下边距和左边距。

\n\n

因此，如果您只想增加页面底部的边距，则可以更改该行中的第三个 0mm。

\n