时间戳

首页 > 解决方案 > 保存为 PDF 时 CSS 设置强制 300PPI

css - 保存为 PDF 时 CSS 设置强制 300PPI

问题描述

我有以下CSS设置：

@media print {  
  @page {
    size: 5700px 3900px; /* landscape 19" x 13" A0 */
    margin: 0px;
  }
}

这样，当我将页面保存为 PDF 时，它会以 300PPI 保存。但是，当我实际将其导出为 PDF 时，Chrome 以4275px 2925px仅 225PPI 的分辨率导出它。

我可以添加一种样式来强制以 300PPI 导出吗？即作为5700px 3900px

标签： css

解决方案

是否可以添加一种样式以强制以 300PPI 导出

不，那里没有。这不是 CSS 的用途。CSS 关注从结构化文档创建布局并在给定渲染设备约束的情况下应用视觉效果，因此 CSS 不定义这些约束 - 而是与它们一起使用。

无论如何，在编写media print样式表时，不要使用px单位，而是使用 CSS 的mm, cm, inunits。

因为 ISO A0 纸是 841x1189mm，所以使用这个：

@media print {  
  @page {
    size: 1189mm 841mm;
    margin: 0;
  }
}

推荐阅读