HTML responsivo 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");
})();

HTML responsivo a PDF

Name: IronPDF
Brand: Iron Software
Availability: InStock
Rating: 4.87 (307 reviews)

En cuanto a la configuración de la ventana gráfica, existen los medios CSS y el modo papel.

La opción CSS media de IronPDF permite especificar cómo deben aplicarse los estilos al contenido HTML cuando se renderiza en un documento PDF. Los dos valores de esta opción son CSS media "screen" e "print":

Pantalla: Indica que las reglas CSS están destinadas para la visualización en pantalla. Los estilos están optimizados para pantallas digitales, lo que suele incluir consideraciones como colores y diseños que se vean bien en los monitores de ordenador.
Imprimir: Instruye al navegador a aplicar estilos adaptados para documentos impresos. Esto significa que las reglas CSS están optimizadas para la impresión, lo que garantiza la legibilidad y el formato adecuado cuando el contenido HTML se imprime en un soporte físico, como el papel.
La opción de modo de papel en Opciones de Tamaño de Papel de IronPDF determina cómo debe ajustarse el contenido renderizado en las páginas 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. Suele utilizarse para impresiones especializadas, 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 garantiza que todo el contenido 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 resulta útil cuando se desea garantizar que el contenido se ajusta a una restricción de anchura específica.
FitToPage: En este modo, el contenido se escala para ajustarse a toda la página, tanto en altura como en anchura, manteniendo la relación de aspecto. Garantiza que todo el contenido quepa en una sola página.