レスポンシブ HTML から PDF へ

from ironpdf import *

# Instantiate Renderer
renderer = ChromePdfRenderer()

# Choose Screen or Print CSS media

renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen

# Set the width of the responsive virtual browser window in pixels
renderer.RenderingOptions.ViewPortWidth = 1920

# Set paper mode to automatic fit to physical paper
renderer.RenderingOptions.FitToPaperMode = FitToPaperModes.AutomaticFit

# Render an HTML file
pdf = renderer.RenderHtmlFileAsPdf("Responsive.html")

レスポンシブ HTML から PDF へ

IronPDF for Pythonを使用すると、レンダリング中に使用される仮想ブラウザのビューポート幅を制御でき、レスポンシブなHTMLレイアウトが正しいブレークポイントでキャプチャされます。

開始方法

レンダーメソッドを呼び出す前にFitToPaperModeを設定します。これら3つの設定は、ページレイアウトの評価方法やPDF用紙サイズに合わせてスケーリングする方法を制御するために連携して動作します。

コードの理解

CssMediaType = PdfCssMediaType.Screen: @media screen CSSルールを印刷スタイルの代わりに適用します。保存したいレスポンシブなデスクトップレイアウトがある場合に使用します。
ViewPortWidth = 1920: 仮想ブラウザウィンドウの幅をピクセル単位で設定します。ページは1920px幅のブラウザで表示されたかのようにレイアウトされ、適切なレスポンシブブレークポイントがアクティブになります。
FitToPaperMode = FitToPaperModes.AutomaticFit: レンダリングされたコンテンツを自動的に物理的なPDFページ寸法内にフィットさせ、切り取られたり溢れたりしないように縮尺して表示します。
RenderHtmlFileAsPdf("Responsive.html"): 設定されたビューポート設定を使用してローカルHTMLファイルをレンダリングします。