Pixel Perfect HTML Formatting in IronPDF

Curtis Chau

更新日期:9月 10, 2025

Translated

View the article in English

role="alert">您的企業在年度訂閱 PDF 安全性和合規性上花費過多。考慮使用IronSecureDoc，它提供包括數位簽署、編輯、加密和保護在內的 SaaS 服務解決方案，全部只需一次性付款。立即試用

要讓您的 PDF 看起來完美，您需要開發出色的 HTML 範本或請網頁開發人員代為製作。這篇疑難排解文章取自完整的 HTML 排錯教學。

1. 排錯和測試您的 HTML

您可以在 Chrome 或類似桌面瀏覽器中排錯您的 HTML、CSS 和 JS。然後，當您知道它運行完美時，將其連接到 IronPDF，它看起來就像在 Chrome 中一樣。

基礎使用

此範例程式碼將渲染出像素完美的 PDF，與最新 Chrome 桌面瀏覽器一致。

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()

' Set the CSS media type to 'Print'
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print

' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel

進階 HTML 開發

進階 Chrome 使用者開發人員可以使用 IronPDF 的預設設置，並啟用 '模擬 CSS 媒體 > 屏幕'，從而達到 100% 的精確度。更多信息可以在此處找到。

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

// Create a new ChromePdfRenderer instance
ChromePdfRenderer renderer = new ChromePdfRenderer();

// Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen;

// Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Create a new ChromePdfRenderer instance
Dim renderer As New ChromePdfRenderer()

' Set the CSS media type to 'Screen' for better preview consistency
renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Screen

' Ensure HTML backgrounds are printed
renderer.RenderingOptions.PrintHtmlBackgrounds = True

$vbLabelText $csharpLabel