Как я могу стиль моего PDF, чтобы иметь полный фон?

Question

Я пытаюсь создать PDF, который использует CSS, чтобы полностью стилизовать цвет фона.Кажется, я не могу получить 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-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, html element

body, html {
top: 0, bottom: 10, left: 0, right: 0

Answer 2

заменить страницу {...} внутри @media print на

body {
        background-color: pink; 
    }