IronPDF 中的像素級精準 HTML 格式化

Curtis Chau

更新:2026年4月21日

Translated

View the article in English

貴公司每年在 PDF 安全與合規性的訂閱費用上花費過多。不妨考慮 IronSecureDoc，它提供數位簽章、遮蔽、加密及保護等 SaaS 服務管理解決方案，且僅需一次性付款。立即試用

若要讓您的 PDF 檔案呈現完美效果，您需要開發出色的 HTML 範本，或委託網頁開發人員代為處理。這篇疑難排解文章摘自《HTML 除錯》的完整教學指南。

1. 除錯並測試您的 HTML

您可以在 Chrome 或類似的桌面瀏覽器中，對 HTML、CSS 和 JS 進行除錯。接著，當您確認運作無誤後，將其連接到 IronPDF，其顯示效果將與在 Chrome 中的樣貌完全一致。

基本用法

此程式碼範例將渲染出與最新版 Chrome 桌面瀏覽器像素完全吻合的 PDF 檔案。

// 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