首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用浏览器打印功能生成自定义大小pdf

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

Stack Overflow用户
提问于 2015-08-24 15:39:13
回答 1查看 3.3K关注 0票数 3

我有一个应用程序,允许用户编辑在线名片。一旦用户输入了他们的详细信息,我想下载名片为pdf。我的问题是,当我下载的pdf,它需要一个标准的A4大小,而不是我的名片大小,使它难以直接打印。如何定义pdf维度来匹配我的名片的大小?请检查这个链接

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

我尝试了以下css规则

代码语言:javascript
运行
复制
#printarea {
position: relative;
margin: 0 auto;
width: 400px;
}
   body,html
    {
   width:400px;
   margin: 0 auto;
   }
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-24 16:14:29

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

代码语言:javascript
运行
复制
@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页面文档
票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32186310

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档