IronPDF中的像素級完美 HTML 格式

Curtis Chau

更新:2025年9月10日

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