Responsywny HTML do PDF

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");
})();

Install-Package @ironsoftware/ironpdf

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 ciągłego podawania, 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, aby zmieścić się w 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, aby zmieścić się w 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, aby zmieścić się na całej stronie, 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

Zobacz na GitHubie