响应式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 页面。该选项有几个值：