响应式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媒体“屏幕”和“打印”：

屏幕：表示 CSS 规则旨在用于屏幕查看。样式针对数字屏幕进行了优化，通常包括颜色和布局的考虑，使其在计算机显示器上看起来更佳。
打印：指示浏览器应用为打印文档量身定制的样式。这意味着CSS规则针对打印进行了优化，确保在将HTML内容打印在实体媒介（如纸张）上时，可读性和格式正确。
IronPDF的纸张大小选项中的纸张模式选项确定渲染内容应如何适合PDF页面。此选项有几个值：
ContinuousFeed：这种模式适用于连续进纸打印机，内容打印在一卷纸上。它通常用于特殊打印，例如在工业环境中。
FitToHeight：在此模式下，内容会按比例缩放以适应指定纸张的高度，同时保持纵横比。这确保了整个内容都可见，没有溢出。
FitToWidth：在此模式下，内容会按比例缩放以适应纸张的指定宽度，同时保持纵横比。当您想确保内容适应特定宽度限制时，这非常有用。
FitToPage：在此模式下，内容会被缩放以适应整个页面，无论是高度还是宽度，同时保持纵横比。它确保整个内容适合一页。