在 IronPDF 中实现完美的 HTML 格式化

Curtis Chau

已更新:九月 10, 2025

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;

$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;

$vbLabelText $csharpLabel