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")
pip install ironpdf
Responsives HTML zu PDF

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.

Die richtige Viewport-Breite wählen

Passen Sie ViewPortWidth auf den Breakpoint an, für den Ihr HTML entworfen ist. Gängige Werte sind:

  • 1920 - Vollbild-Desktop-Layout
  • 1280 - Standard-Breitbild-Desktop
  • 768 - Tablet/Mittelpunkt
  • 375 - Mobile layout
Lernen Sie, HTML mit IronPDF for Python in PDF zu konvertieren!

Bereit anzufangen?

Version:2026.11gerade veröffentlicht

Kostenlose pip-Installation