HTML réactif en 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 réactif en PDF

IronPDF for Python vous permet de contrôler la largeur de la fenêtre de visualisation virtuelle du navigateur utilisée pendant le rendu, garantissant que les dispositions HTML réactives sont capturées au bon point de rupture.

Commencer

Définissez CssMediaType, ViewPortWidth, et FitToPaperMode sur une instance ChromePdfRenderer avant d'appeler une méthode de rendu. Ces trois paramètres fonctionnent ensemble pour contrôler comment la disposition de la page est évaluée et mise à l'échelle pour s'adapter à la taille de papier du PDF.

Comprendre le code

CssMediaType = PdfCssMediaType.Screen : Applique les règles CSS @media screen au lieu des styles d'impression. Utilisez ceci lorsque la page a une disposition de bureau réactive que vous souhaitez préserver.
ViewPortWidth = 1920 : Définit la largeur de la fenêtre du navigateur virtuel en pixels. La page sera mise en page comme si elle était vue dans un navigateur de 1920 px de large, activant les points de rupture réactifs appropriés.
FitToPaperMode = FitToPaperModes.AutomaticFit : Ajuste automatiquement le contenu rendu pour s'adapter aux dimensions de la page PDF physique, évitant ainsi le contenu rogné ou débordant.
RenderHtmlFileAsPdf("Responsive.html") : Rend un fichier HTML local en utilisant les paramètres de la fenêtre configurée.