響應式 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");
})();
npm i @ironsoftware/ironpdf
響應式 HTML 轉 PDF

響應式 HTML 轉 PDF

就視口設置而言，這裡有CSS媒體和紙張模式。

IronPDF中的CSS媒體選項允許您指定在將HTML內容呈現為PDF文件時，樣式應如何應用。 此選項有兩個值：CSS媒體"screen"和"print"：

  • Screen：表示CSS規則是針對螢幕查看的。 樣式為數位螢幕進行了優化，通常包括顏色和佈局等考量，以在電腦顯示器上顯示出色。
  • Print：指示瀏覽器應用專為列印文件設計的樣式。 這意味著CSS規則已為列印進行了優化，確保在將HTML內容列印在實體媒介（如紙張）上時具有良好的可讀性和格式。

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

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

準備好開始了嗎？

版本：2026.11剛剛發布

免費 npm 安裝