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 screenzamiast 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.
Wybieranie właściwej szerokości widoku
Dopasuj ViewPortWidth do punkta przelamania, do którego zaprojektowano Twój HTML. Powszechne wartości to:
- 1920 - Układ desktopowy Full HD
- 1280 - Standardowy szerokoekranowy układ desktopowy
- 768 - Przełamanie dla tabletu/średnie
- 375 - Układ mobilny
