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

Question

我已经对a template from w3-schools进行了一些研究，并通过调查this question来尝试这一点：

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

我插入了此打印代码

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

得到了这个结果：

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

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

PS：在释放挫折之前，我是一个纯粹的后端开发人员。我的伙伴，一个前端开发者，已经病了好几天了。对不起，谢谢你:)）

Answer 1

尝试在您使用的CSS代码段中调整这些边距值。从：

开始

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

...并增加那些＆＃34; 0mm＆＃34;价值直到你开心，即1毫米，2毫米等

这4个值（我的示例中当前为0mm）按顺序表示打印页面的上边距，右边距，下边距和左边距。

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