響應式 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”：

Screen：表示CSS規則是為螢幕上觀看而設計的。樣式優化針對數字屏幕，通常考慮包括顏色和布局等因素，以使其在計算機顯示器上看起來良好。
Print：指示瀏覽器應用針對印刷文檔調整的樣式。這意味著CSS規則為印刷進行了優化，確保在印刷為紙質媒體時能夠讀懂且格式正確。

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

ContinuousFeed：此模式適合連續供紙的印刷機，內容打印在紙捲上。這通常用於專業印刷，例如在工業設置中。
FitToHeight：在此模式中，內容按比例調整以適合紙張的指定高度，同時保持長寬比。這確保整個內容都可見不會溢出。
FitToWidth：在此模式中，內容按比例調整以適合紙張的指定寬度，同時保持長寬比。當您想確保內容適合特定寬度限制時，此模式很有用。
FitToPage：在此模式中，內容按比例調整以適合整個頁面，無論是高度還是寬度，同時保持長寬比。這確保整個內容適合單個頁面。

探索響應式PDF渲染的視窗範例

準備好開始了嗎？

版本： 2025.11 剛剛發布

查看許可證