javascript - node - Impresión de PDF con phantom js: la regla @page no funciona

html pdf npm

Question

Estamos utilizando el JS fantasma para imprimir PDF desde páginas web (sitio de intranet). Mi problema no es con todo el estilo, sino solo con la regla @page. Ninguno de los estilos dentro de la regla @page se aplica.

¿Tienes alguna idea de lo que podría ser?

@page {
    size: auto;
    padding: 0 !important;
    margin: 10mm !important;
    page-break-before: avoid;
    border: none !important;
    page-break-after: avoid;
    page-break-inside: avoid;
    overflow: hidden !important;
    box-sizing: border-box !important;

    @top-left-corner {
        content: ""; /* has to be specified! */
        background-color: rgba(42, 201, 80, 0.220);
        border-bottom: solid green;
    }
}

Answer 1

Creo que al exportar a PDF, phantomJS agrega automáticamente la clase de impresión @media que puede anular muchas de las reglas de css que establece para la página @.

Answer 2

No puedo ver un problema con su CSS, pero quizás esté contenido dentro de una hoja de estilo que ya está configurada en la screen medios, en cuyo caso se ignorará.

Cuando importe su hoja de estilo, asegúrese de utilizar la print tipo de print o all

<link href="main.css" media="all" rel="stylesheet" />

Answer 3

Como la imagen mostrada describe el soporte del navegador para la página @.