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

npm i @ironsoftware/ironpdf

響應式 HTML 轉 PDF

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

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

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

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