如何设置我的 pdf 格式以获得完整的背景？答案

【问题标题】：How can I style my pdf to have a full background?如何设置我的 pdf 格式以获得完整的背景？
【发布时间】：2018-11-07 17:22:06
【问题描述】：

我正在尝试创建一个使用 css 来完全设置背景颜色样式的 pdf。我似乎无法让 CSS 为其提供完整的背景。

我的 CSS：

@media print {
    @page {
        background: pink !important; // not showing
         margin: 0 !important;
        padding: 0 !important;
        -webkit-print-color-adjust: exact !important;
    }
}

html, body {
    box-sizing: border-box;
    min-height: 100%;
    min-width: 100%;
    height: 100%;
    width: 100%;
    font-family: Montserrat;
    background-color: #20333e;
    color: rgba(255, 255, 255, 0.87);
    border: 2px solid red;
}

哪些输出：

我已经有了 json 格式的 markdown 数据，并且正在使用包 markdown-pdf 创建 pdf。

import * as markdownpdf from 'markdown-pdf';

markdownpdf({cssPath: './path/to/my/ebook.css'}).from.string('# CSS Not Full Background').to("./document.pdf", function () {
    console.log("done");
});

如何设置我的 pdf 的样式以获得完整的背景？

【问题讨论】：

您检查过打印机分页填充设置吗？
@HoangHieu 这是什么 CSS 设置？有代码示例可以给我看吗？
系统的打印机偏好设置。
那个打印机偏好，请检查这个问题的答案：stackoverflow.com/questions/1960939/…

标签： javascript css node.js typescript pdf

【解决方案1】：

替换页面{...}在@media print 与

body {
        background-color: pink; 
    }

【讨论】：

我试过用body替换@page，结果还是一样。与在@page 外选择body 标签有何不同？

【解决方案2】：

尝试将顶部、底部、边距值添加到 body、html 元素

正文,html{
上：0，下：10，左：0，右：0

【讨论】：