DOMPDF - 如何使 PDF 完全没有边距？答案

【问题标题】：DOMPDF - How to render PDF to have no margins at all?DOMPDF - 如何使 PDF 完全没有边距？
【发布时间】：2016-08-05 01:10:04
【问题描述】：

** 更新：我转到了我的 PDF 正在呈现的设置，并将大小更改为“Letter”而不是“A4”**

所以 DOMPDF 应该呈现一个 html 页面，但是使用我的设置，它不会将背景图像呈现为无边距（底部和右侧仍然有边距）。

这是我正在呈现的 HTML 页面上的 css 代码：

@page { margin: 0px 0px 0px 0px; }
body {
    background-image: url(../../picture.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

然而，当呈现为 PDF 时，它的外观如下：

它可能会根据它输出的设置来执行此操作，但我不确定。它被渲染为“A4”纸，“纵向”布局。

我怎样才能使边距消失，使其水平和垂直一直延伸？

【问题讨论】：

标签： css pdf pdf-generation dompdf

【解决方案1】：

Dompdf（直到并包括 0.7.0）目前不支持 background-size CSS 声明。在 dompdf 完全支持之前，您可以使用固定定位来定位图像。您需要知道页面的尺寸和边距，因此您可能需要在样式中声明它们。

在 0.6 或更高版本中试试这个：

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <style>
    @page {
      size: 8.5in 11in;
      margin: .5in;
    }
    #bgimg {
      position: fixed;
      left: -.5in;
      top: -.5in;
      width: 8.5in;
      height: 11in;
      z-index: -999
    }
  </style>
</head>
<body>
  <img src="picture.jpg" id="bgimg">
</body>
</html>

【讨论】：