使用浏览器打印功能生成自定义尺寸的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 页面文档