HTML receptivo a PDF

from ironpdf import *

# Instantiate Renderer
renderer = ChromePdfRenderer()

# Choose Screen or Print CSS media

renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen

# Set the width of the responsive virtual browser window in pixels
renderer.RenderingOptions.ViewPortWidth = 1920

# Set paper mode to automatic fit to physical paper
renderer.RenderingOptions.FitToPaperMode = FitToPaperModes.AutomaticFit

# Render an HTML file
pdf = renderer.RenderHtmlFileAsPdf("Responsive.html")

HTML receptivo a PDF

IronPDF for Python te permite controlar el ancho del viewport del navegador virtual utilizado durante la renderización, asegurando que los diseños HTML responsivos se capturen en el punto de ruptura correcto.

Empezando

Establece CssMediaType, ViewPortWidth y FitToPaperMode en una instancia de ChromePdfRenderer antes de llamar a un método de renderizado. Estos tres ajustes funcionan juntos para controlar cómo se evalúa y escala el diseño de la página para ajustarse al tamaño del papel PDF.

Entender el código

CssMediaType = PdfCssMediaType.Screen: Aplica las reglas CSS de @media screen en lugar de estilos de impresión. Utilice esto cuando la página tenga un diseño de escritorio responsivo que desee preservar.
ViewPortWidth = 1920: Establece el ancho de la ventana del navegador virtual en píxeles. La página se dispondrá como si se viera en un navegador de 1920 píxeles de ancho, activando los puntos de ruptura responsivos apropiados.
FitToPaperMode = FitToPaperModes.AutomaticFit: Escala el contenido renderizado para que se ajuste automáticamente dentro de las dimensiones físicas de la página PDF, evitando contenido recortado o desbordado.
RenderHtmlFileAsPdf("Responsive.html"): Renderiza un archivo HTML local utilizando la configuración de la ventana gráfica configurada.