レスポンシブ HTML to 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 to PDF

ビューポート設定に関して、CSSメディアモードとペーパーモードがあります。

IronPDFのCSSメディアオプションを使用すると、HTMLコンテンツをPDFドキュメントにレンダリングする際にスタイルの適用方法を指定することができます。このオプションの2つの値は、CSSメディアの「screen」と「print」です。

スクリーン: CSSルールが画面での表示を目的としていることを示します。スタイルはデジタルスクリーンに最適化されており、通常、コンピュータモニターで見栄えの良い色やレイアウトなどが考慮されています。
印刷: ブラウザに印刷用のドキュメントに適したスタイルを適用するよう指示します。これは、CSSルールが印刷用に最適化されており、HTMLコンテンツが紙などの物理媒体に印刷されたときに読みやすさや適切なフォーマットが保たれることを意味します。

IronPDF のペーパーサイズオプションのペーパーモードオプションは、レンダリングされたコンテンツを PDF ページにどのように収めるかを決定します。このオプションにはいくつかの値があります:
ContinuousFeed: このモードは、連続フィードプリンターに適しており、内容が紙のロールに印刷されます。それは通常、産業環境などの特殊な印刷に使用されます。
FitToHeight: このモードでは、コンテンツの縦横比を維持しながら、指定された用紙の高さに収まるようにスケーリングされます。これは、コンテンツ全体がオーバーフローすることなく表示されることを保証します。
FitToWidth: このモードでは、アスペクト比を維持しながら、コンテンツが指定された用紙の幅に収まるように拡大縮小されます。特定の幅の制約に収めたい場合に役立ちます。
FitToPage: このモードでは、アスペクト比を維持しながら、コンテンツが高さと幅の両方でページ全体に収まるように拡大縮小されます。それにより、すべてのコンテンツが1ページに収まることが保証されます。