レスポンシブ 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ページに収まることが保証されます。