使用浏览器打印功能生成自定义大小的pdf - Generate custom size pdf using browser print function

Generate custom size pdf using browser print function

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

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

我尝试了以下css规则

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

你必须设置更多的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