響應式 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規則已為列印進行了優化，確保在將HTML內容列印在實體媒介（如紙張）上時具有良好的可讀性和格式。

在IronPDF的紙張大小選項中的紙張模式選項，決定了渲染內容應如何適合PDF頁面。此選項有多個值：

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

探索視口範例以實現響應式PDF渲染

準備好開始了嗎？

版本： 2026.6 剛剛發布

還在滾動嗎？

想要快速的證據嗎？
運行範例觀看您的HTML變為PDF。

Iron 支援團隊

我們線上24小時，每週5天。

聊天

電子郵件

給我打電話