首页 > 解决方案 > 即使我的元素在 PX 中的大小相同,在 CSS 中设置 @print 规则也会产生边距

问题描述

我正在尝试生成一个我设置为5400px 7200px大小的可打印 div。这意味着以 300ppi 打印在 18" x 24" 的纸张上。然而,问题是在打印时,即使我也设置了页面,页面也会显示边距@print size: 5400px 7200px

@media print {
  @page {
    size: 5400px 7200px;
    margin: 0mm;
  }
}
html, body {
  width: 5400px;
  height: 7200px;
}

即使使用这个 CSS,打印出来的结果如下图,4050px 5400px只有 225ppi 和白色边距(见下图)。是否有我在某处缺少的 CSS 设置?

打印出来的 PDF 带有边距

标签: htmlcssprinting-web-page

解决方案


推荐阅读