響應式 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.5 just released

還在捲動嗎？

想要快速證明？
執行範例觀看您的 HTML 變成 PDF。

鋼鐵支援團隊

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

聊天

電子郵件

打電話給我