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

【问题标题】：how to print whole HTML page as A4如何将整个 HTML 页面打印为 A4
【发布时间】：2017-06-11 15:18:33
【问题描述】：

我接受了a template from w3-schools，做了一些研究，并通过查看this question 进行了尝试：

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

我插入了这个打印代码

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

得到了这个结果：

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

我应该怎么做才能做到这一点？

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

【问题讨论】：

【解决方案1】：

尝试在您使用的 CSS sn-p 中调整这些边距值。开始于：

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

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

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

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

【讨论】：