如何為PDF設置樣式以使其具有完整背景？

Question

我正在嘗試創建一個使用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設置樣式以使其具有完整背景？

Answer 1

嘗試將top，bottom，margin值添加到body，html元素

身體，HTML {
上：0，下：10，左：0，右：0

Answer 2

將@media print中的頁面{...}替換為

body {
        background-color: pink; 
    }