Responsives HTML zu 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")

Responsives HTML zu PDF

IronPDF for Python ermöglicht es Ihnen, die Breite des virtuellen Browser-Viewports während des Renderings zu steuern, um sicherzustellen, dass responsive HTML-Layouts am richtigen Breakpoint erfasst werden.

Einstieg

Setzen Sie CssMediaType, ViewPortWidth und FitToPaperMode auf einer ChromePdfRenderer-Instanz, bevor Sie eine Render-Methode aufrufen. Diese drei Einstellungen arbeiten zusammen, um zu steuern, wie das Seitenlayout bewertet und skaliert wird, um zur PDF-Papiergröße zu passen.

Den Code verstehen

CssMediaType = PdfCssMediaType.Screen: Wendet @media screen-CSS-Regeln anstelle von Druckstilen an. Verwenden Sie dies, wenn die Seite ein responsives Desktop-Layout hat, das Sie beibehalten möchten.
ViewPortWidth = 1920: Legt die Breite des virtuellen Browserfensters in Pixel fest. Die Seite wird so angeordnet, als ob sie in einem 1920px breiten Browser betrachtet wird, indem die entsprechenden responsiven Breakpoints aktiviert werden.
FitToPaperMode = FitToPaperModes.AutomaticFit: Skaliert den gerenderten Inhalt automatisch, um innerhalb der physischen PDF-Seitenabmessungen zu passen, ohne Zuschneiden oder Überlaufen von Inhalten.
RenderHtmlFileAsPdf("Responsive.html"): Rendert eine lokale HTML-Datei unter Verwendung der konfigurierten Viewport-Einstellungen.