UIPrintPageRenderer 问题：在 HTML 文件中加载多个 css 文件时生成 pdf

Question

我正在使用 BNHtmlPdfKit 从 html 模板生成 pdf 文件。 这个库有一个 UIWebView，它将加载 html 字符串。

然后使用UIPrintPageRenderer生成pdf文件。

在 HTML 文件中，我导入了 2 个 css 文件，如下所示：

<link href="style.css" rel="stylesheet" type="text/css" />
<link href="bootstrap.css" rel="stylesheet" type="text/css" />

目前渲染的pdf文件只有bootstrap.css文件的css样式。

不过，我试过加重要！ 属性 对于 style.css 中的每个项目，pdf 可以显示 style.css 文件的 css 样式。

#myContent {
    background-color: lightblue !important;
    font-family: Helvetica Neue, sans-serif;
    color: red !important;
    padding: 20px;
}

任何人都能够使用多个 css 文件而不使用 !important 属性?

生成 pdf

Answer 1

关键是 bootstrap.css 通过 @media print { } 规则覆盖您的样式，并且 UIPrintPageRenderer 打印 内容到 PDF 文件。