Codebeispiel: Responsive Seiten zu PDF mit 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"); })();

Responsives HTML zu PDF

Bei den Darstellungseinstellungen gibt es den CSS-Medien- und den Papiermodus.

Mit der CSS-Medienoption in IronPDF können Sie festlegen, wie Stile auf HTML-Inhalte angewendet werden sollen, wenn diese in ein PDF-Dokument gerendert werden. Die beiden Werte für diese Option sind CSS media "screen" und "print":

Bildschirm: Zeigt an, dass die CSS-Regeln für die Anzeige auf dem Bildschirm bestimmt sind. Die Stile werden für digitale Bildschirme optimiert, was typischerweise Überlegungen zu Farben und Layouts beinhaltet, die auf Computermonitoren gut aussehen.
Drucken: Weist den Browser an, Stile anzuwenden, die für gedruckte Dokumente zugeschnitten sind. Das bedeutet, dass die CSS-Regeln für den Druck optimiert werden, um die Lesbarkeit und die richtige Formatierung zu gewährleisten, wenn der HTML-Inhalt auf physischen Medien wie Papier gedruckt wird.

Die Papiermodus-Option in IronPDF's Paper Sizing Options bestimmt, wie der gerenderte Inhalt auf die PDF-Seiten passen soll. Für diese Option gibt es mehrere Werte:

ContinuousFeed: Dieser Modus ist für Endlosdrucker geeignet, bei denen der Inhalt auf einer Papierrolle gedruckt wird. Sie wird typischerweise für Spezialdrucke verwendet, z. B. in der Industrie.
FitToHeight: In diesem Modus wird der Inhalt so skaliert, dass er in die angegebene Höhe des Papiers passt, wobei das Seitenverhältnis erhalten bleibt. So wird sichergestellt, dass der gesamte Inhalt sichtbar ist, ohne ausufernd zu sein.
FitToWidth: In diesem Modus wird der Inhalt so skaliert, dass er in die angegebene Breite des Papiers passt, wobei das Seitenverhältnis erhalten bleibt. Dies ist nützlich, wenn Sie sicherstellen möchten, dass der Inhalt in eine bestimmte Breitenbeschränkung passt.
FitToPage: In diesem Modus wird der Inhalt so skaliert, dass er in die gesamte Seite passt, sowohl in der Höhe als auch in der Breite, wobei das Seitenverhältnis erhalten bleibt. Sie gewährleistet, dass der gesamte Inhalt auf eine einzige Seite passt.

Explore Viewport Example for Responsive PDF Rendering