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

Name: IronPDF
Brand: Iron Software
Availability: InStock
Rating: 4.87 (307 reviews)

在視口設置方面，有CSS媒體和紙張模式。

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

Screen：表示 CSS 規則適用於螢幕顯示。樣式經過優化，適用於數位螢幕，這通常包括了顏色和佈局等考量，以便在電腦顯示器上呈現良好效果。
列印：指示瀏覽器應用為列印文件量身定制的樣式。這意味著CSS規則為打印優化，確保在將HTML內容打印到物理媒介，如紙張時，可讀性和適當的格式。
IronPDF 的紙張大小選項中的紙張模式選項決定了渲染的內容應如何適配在 PDF 頁面上。此選項有幾個值：
ContinuousFeed：此模式適用於連續進紙列印機，內容會列印在紙卷上。它通常用於專業印刷，例如在工業環境中。
FitToHeight：在此模式中，內容將縮放至符合指定紙張高度，同時保持長寬比。這確保整個內容都可見，且不會溢出。
FitToWidth：在此模式下，內容會按比例縮放以適應指定紙張的寬度，並保持縱橫比不變。當您想要確保內容適合特定寬度限制時，這是很有用的。
FitToPage：在此模式下，內容會按比例縮放以適合整個頁面，包括高度和寬度，同時保持縱橫比。它確保整個內容適合於單一頁面上。