Pixel Perfect HTML Formatting in IronPDF

Curtis Chau

已更新:九月 10, 2025

Translated

View the article in English

role="alert">您的公司在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