響應式 HTML 轉 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");
})();

響應式 HTML 轉 PDF

在視窗設定方面，有 CSS 媒體模式和紙張模式。

IronPDF 中的 CSS 媒體選項可讓您指定在將 HTML 內容渲染為 PDF 文件時應如何套用樣式。此選項的兩個值分別是 CSS 媒體"screen"和"print"：

-螢幕：表示 CSS 規則設計用於螢幕顯示。設計風格針對數位螢幕進行了最佳化，通常會考慮顏色和佈局等因素，以確保在電腦顯示器上看起來美觀。 -列印：指示瀏覽器套用專為列印文件量身訂做的樣式。這意味著 CSS 規則針對列印進行了最佳化，確保 HTML 內容列印在紙張等實體媒體上時具有可讀性和正確的格式。

IronPDF 的紙張尺寸選項中的紙張模式選項決定了渲染後的內容應該如何適應 PDF 頁面。此選項有多個值：