使用浏览器打印功能生成自定义大小pdf

Question

我有一个允许用户编辑在线名片的应用程序。一旦用户输入了他们的详细信息，我想以PDF格式下载名片。我的问题是，当我下载pdf时，它需要标准的A4尺寸而不是我的名片大小，因此难以直接打印。 如何定义pdf维度以匹配我的名片大小？ 请查看此链接

http://thecardguys.co.ke/modules/onecard.php?cardid=100&side=1

我尝试了以下css规则

#printarea {
position: relative;
margin: 0 auto;
width: 400px;
}
   body,html
    {
   width:400px;
   margin: 0 auto;
   }

Answer 1

您必须设置几个CSS位以确保打印正确。

@page {
  size: 91.44mm 53.34; // set appropriately
  margin: 0;
}
@media print {
  html, body {
    width: 91.44mm; // set appropriately
    height: 53.34mm; // set appropriately
  }
  /* ... the rest of the rules ... */
}

这告诉浏览器它应该去哪个页面大小以及实际页面需要mm中的宽度和高度。

您还需要记住的是，要打印的页面大小始终与装入打印机的纸张大小相同。

• CSS3 Page Documentation