Code Example: Responsive Pages to PDF with IronPDF & .NET 10

import {PdfDocument, CssMediaType, FitToPaperModes} from "@ironsoftware/ironpdf"; (async () => { const options = { // Choose Screen or Print CSS media cssMediaType: CssMediaType.Screen, // Set paper mode to automatic fit to physical paper fitToPaperMode: FitToPaperModes.FitToPage, }; // Render an HTML file const pdf = await PdfDocument.fromHtml("Responsive.html", {renderOptions: options}); await pdf.saveAs("pdf-from-html.pdf"); })();

Responsywny HTML do PDF

Pod względem ustawień widoku, istnieją media CSS i tryb papieru.

Opcja CSS media w IronPDF pozwala określić, w jaki sposób style powinny być stosowane do treści HTML podczas renderowania jej do dokumentu PDF. Dwie wartości dla tej opcji to media CSS "screen" i "PRINT":

Screen: Wskazuje, że reguły CSS są przeznaczone do wyświetlania na ekranie. Style są zoptymalizowane pod kątem ekranów cyfrowych, co zazwyczaj obejmuje takie kwestie, jak kolory i układy, które dobrze prezentują się na monitorach komputerowych.
Print: nakazuje przeglądarce zastosowanie stylów dostosowanych do dokumentów przeznaczonych do druku. Oznacza to, że reguły CSS są zoptymalizowane pod kątem drukowania, zapewniając czytelność i prawidłowe formatowanie podczas drukowania treści HTML na nośnikach fizycznych, takich jak papier.

Opcja trybu papieru w opcjach rozmiaru papieru programu IronPDF określa, w jaki sposób renderowana zawartość powinna zmieścić się na stronach pliku PDF. Dla tej opcji dostępnych jest kilka wartości:

ContinuousFeed: Ten tryb jest odpowiedni dla drukarek na papier ciągły, gdzie zawartość jest drukowana na rolce papieru. Zazwyczaj jest używany do specjalistycznego drukowania, np. w środowisku przemysłowym.
FitToHeight: W tym trybie zawartość jest skalowana tak, aby pasowała do określonej wysokości papieru, zachowując proporcje. Dzięki temu cała treść będzie widoczna bez przepełnienia.
FitToWidth: W tym trybie zawartość jest skalowana tak, aby pasowała do określonej szerokości papieru, zachowując proporcje. Jest to przydatne, gdy chcesz mieć pewność, że treść mieści się w określonych ograniczeniach szerokości.
FitToPage: W tym trybie zawartość jest skalowana tak, aby pasowała do całej strony, zarówno pod względem wysokości, jak i szerokości, zachowując proporcje. Należy zadbać o to, aby cała treść zmieściła się na jednej stronie.

Zapoznaj się z przykładem okna wyświetlania dla responsywnego renderowania plików PDF