HTML receptivo a PDF

import {PdfDocument, CssMediaType, FitToPaperModes} from "@ironsoftware/ironpdf";

(async () => {
    const options = {
        // Choose Screen or Print CSS media
        cssMediaType: CssMediaType.Screen,
        
        // Set paper mode to automatic fit to physical paper
        fitToPaperMode: FitToPaperModes.FitToPage,
    };

    // Render an HTML file
const pdf = await PdfDocument.fromHtml("Responsive.html", {renderOptions: options});

await pdf.saveAs("pdf-from-html.pdf");
})();

npm i @ironsoftware/ironpdf

npm i @ironsoftware/ironpdf

HTML receptivo a PDF

En términos de ajustes del viewport, hay medios CSS y modo papel.

La opción de medios CSS en IronPDF te permite especificar cómo deben aplicarse los estilos al contenido HTML al renderizarlo a un documento PDF. Los dos valores para esta opción son: medios CSS "pantalla" e "impresión":

Pantalla: Indica que las reglas CSS están destinadas a la visualización en pantalla. Los estilos están optimizados para pantallas digitales, que generalmente incluyen consideraciones como colores y diseños que se ven bien en monitores de computadora.
Impresión: Indica al navegador que aplique estilos adaptados para documentos impresos. Esto significa que las reglas CSS están optimizadas para la impresión, asegurando la legibilidad y el formato adecuado cuando el contenido HTML se imprime en medios físicos, como papel.

La opción de modo papel en Opciones de Tamaño de Papel de IronPDF determina cómo debe ajustarse el contenido renderizado en las páginas del PDF. Existen varios valores para esta opción:

ContinuousFeed: Este modo es adecuado para impresoras de alimentación continua, donde el contenido se imprime en un rollo de papel. Por lo general, se utiliza para impresión especializada, como en entornos industriales.
FitToHeight: En este modo, el contenido se escala para ajustarse a la altura especificada del papel mientras se mantiene la relación de aspecto. Esto asegura que el contenido completo sea visible sin desbordarse.
FitToWidth: En este modo, el contenido se escala para ajustarse al ancho especificado del papel mientras se mantiene la relación de aspecto. Esto es útil cuando se desea asegurar que el contenido se ajuste dentro de un límite de ancho específico.
FitToPage: En este modo, el contenido se escala para ajustarse a toda la página, tanto en términos de altura como de ancho, mientras se mantiene la relación de aspecto. Esto asegura que todo el contenido quepa en una sola página.

Explorar el ejemplo de Viewport para la renderización de PDF con capacidad de respuesta

Ver en GitHub