无法在 Gitbook 上反映 PDF 的 CSS答案

【问题标题】：Could not reflect CSS for PDF on Gitbook无法在 Gitbook 上反映 PDF 的 CSS
【发布时间】：2016-01-24 02:58:56
【问题描述】：

我可以用我的 CSS 改变我的 Gitbook 网站的设计。
但是，我不明白将 CSS 应用于 PDF。

当我对 PDF 使用与网站 CSS 相同的 CSS 时，结果不一样。
我认为 PDF 的 CSS 似乎无法正常工作。

我写了book.json如下。

"plugins": ["styles-sass", "image-captions"],
"styles": {
    "website": "styles/website.scss",
    "pdf": "styles/pdf.scss"
}

和pdf.scss如下。

.book {
    .book-body {
        .page-wrapper {
            .page-inner {
                section.normal {
                    h1 {
                        text-align: center;
                    }
                }
            }
        }
    }
}

请告诉我这个操作是正确的。
或者如果您有任何关于pdf.css 的样本，请告诉我。

【问题讨论】：

用 CSS 为 PDF 文档设置样式？这对我来说是新的
我认为当您链接 CSS 文件时，它必须是生成的（点 CSS）而不是 SASS 文件，SASS 文件未编译，我认为浏览器不会理解它们 AFAIK
@Aziz 是的，Gitbook 支持使用 CSS 设置 PDF 样式。你可以看到help.gitbook.com/styling/book.html。但是我不明白怎么写。我认为 pdf.css 与 website.css 不同。当我将文件上传到 Gitbook 时，SASS 文件可以自动编译成 CSS。我觉得用SASS文件没问题。
好的，我现在明白了。是的，显然你可以使用一个允许 SASS 而不会抱怨的插件，这已经在你的代码中了。对，我相信您正在处理用于打印媒体的 CSS (@media print)。似乎现在打印媒体的样式非常仅限于基本的 CSS，并且由于显而易见的原因，看起来永远不会完全像在屏幕上查看的网站。我建议您研究“用于打印限制的 CSS”

标签： html css git pdf gitbook

【解决方案1】：

我解决了这个问题。
Gitbook 在默认设置中引用 /home/<UserName>/.gitbook/versions/2.6.7/theme/assets/ebook/pdf.css。
然后，我在这个文件中找到了.section.toc>h1{text-align:center;}。
于是我写了style/pdf.scss如下，效果很好。

.section {
    &.toc {
        >h1 {
            text-align:right;
        }
    }
}

如果使用上述样式表，则表格内容标题右对齐。
其他样式也一样。

谢谢！！

【讨论】：