Responsywny HTML do 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")

Responsywny HTML do PDF

IronPDF for Python pozwala kontrolować szerokość widoku wirtualnej przeglądarki używanej podczas renderowania, zapewniając uchwycenie responsywnych układów HTML na właściwym punkcie przełamania.

Pierwsze kroki

Ustaw CssMediaType, ViewPortWidth oraz FitToPaperMode na instancji ChromePdfRenderer przed wywolaniem metody renderowania. Te trzy ustawienia współpracują ze sobą, aby kontrolować, jak układ strony jest oceniany i skalowany, aby pasował do rozmiaru papieru PDF.

Zrozumienie kodu

CssMediaType = PdfCssMediaType.Screen: Stosuje reguły CSS @media screen zamiast stylow drukowania. Użyj tego, gdy strona ma responsywny układ na komputery, który chcesz zachować.
ViewPortWidth = 1920: Ustawia szerokość wirtualnego okna przeglądarki w pikselach. Strona zostanie rozłożona tak, jakby była wyświetlana w przeglądarce o szerokości 1920px, aktywując odpowiednie punkty przełamania.
FitToPaperMode = FitToPaperModes.AutomaticFit: Skaluje renderowaną zawartość, by automatycznie zmieścić się w fizycznych wymiarach strony PDF, unikając obciętej lub przepełnionej zawartości.
RenderHtmlFileAsPdf("Responsive.html"): Renderuje lokalny plik HTML przy użyciu skonfigurowanych ustawień viewportu.