Ejemplo de código: Páginas adaptables a PDF con IronPDF y .NET 10

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 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 altura como en ancho, manteniendo 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