レスポンシブ PDF のために C# で HTML と CSS を使用する方法

最終的なPDF出力はどのようになりますか?

高度な CSS メディア タイプ設定

複雑なレイアウトを扱う場合は、CSSメディアタイプとIronPDFの他の機能を組み合わせてください。 たとえば、Viewport & Zoom 設定を使用する場合、選択する CSS メディア タイプは、レスポンシブ デザインが最終的な PDF でどのように拡大縮小されるかに影響します。

以下は、高度な設定を示す例です：

using IronPdf;
using IronPdf.Rendering;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Configure for print media type with custom settings
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true; // Override print defaults
renderer.RenderingOptions.MarginTop = 25;
renderer.RenderingOptions.MarginBottom = 25;

// Add custom CSS for print media
string customCss = @"
    @media print {
        .no-print { display: none; }
        body { font-size: 12pt; }
        h1 { page-break-after: avoid; }
    }
";

// Render with custom CSS injection
string htmlWithCss = $"<style>{customCss}</style>{yourHtmlContent}";
PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlWithCss);

pdf.SaveAs("advanced-print-layout.pdf");

using IronPdf;
using IronPdf.Rendering;

ChromePdfRenderer renderer = new ChromePdfRenderer();

// Configure for print media type with custom settings
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;
renderer.RenderingOptions.PrintHtmlBackgrounds = true; // Override print defaults
renderer.RenderingOptions.MarginTop = 25;
renderer.RenderingOptions.MarginBottom = 25;

// Add custom CSS for print media
string customCss = @"
    @media print {
        .no-print { display: none; }
        body { font-size: 12pt; }
        h1 { page-break-after: avoid; }
    }
";

// Render with custom CSS injection
string htmlWithCss = $"<style>{customCss}</style>{yourHtmlContent}";
PdfDocument pdf = renderer.RenderHtmlAsPdf(htmlWithCss);

pdf.SaveAs("advanced-print-layout.pdf");

IRON VB CONVERTER ERROR developers@ironsoftware.com

ピクセル単位の正確さが求められるプロジェクトでは、Debug HTML with Chrome 機能を使って、最終的なPDFを生成する前に、CSSメディアタイプがどのようにレンダリングされるかを正確にプレビューすることを検討してください。

IronPDFにおけるCSSメディアタイプのベストプラクティス

1.両方のメディアタイプをテストする：常にスクリーンと印刷の両方のメディアタイプでHTMLをテストし、特定のユースケースにとってどちらが最良の結果をもたらすかを判断してください。

2.文書に印刷を使用する：正式な文書、請求書、報告書を作成する場合、印刷メディアタイプは通常、よりきれいでプロフェッショナルな結果を提供します。

3.メディアクエリを活用する：CSSメディアクエリを活用して、さまざまな出力シナリオに合わせてレイアウトを微調整しましょう。

4.パフォーマンスを考慮する：印刷用スタイルシートは、不要な視覚的要素を除外するため、レンダリングが速くなることがよくあります。

5.CSSを検証する：HTMLレンダリング設定を使用して、PDF生成時にCSSが適切に適用されていることを確認してください。

IronPdfでCSSメディアタイプを使いこなすことで、デジタル配信用であれ物理的な印刷用であれ、要件に完璧にマッチしたPDFを作成することができます。