在 Chrome 浏览器中调试 HTML，使用 C# 制作像素完美的 PDF.

在 Chrome 浏览器中按钮被切断时会发生什么？

在 Chrome 浏览器中文本被截断时会发生什么？

何时应使用重复表头？

对于跨多个页面、标题重复的表格：

• 仅使用Print CssMediaType
• Screen模式仅打印一次页眉

确保使用此 HTML 结构正确呈现表格：

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-table-example.html

<table>
    <thead>
        <tr>
            <th>Product</th>
            <th>Quantity</th>
            <th>Price</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Widget A</td>
            <td>10</td>
            <td>$25.00</td>
        </tr>
        <tr>
            <td>Widget B</td>
            <td>5</td>
            <td>$40.00</td>
        </tr>
        <!-- Additional rows spanning multiple pages.
             The <thead> header row repeats automatically at the top of each page. -->
    </tbody>
</table>

屏幕模式和打印模式在视觉上有什么区别？

许多图像和图标在Print模式下不加载：

如何在 Chrome DevTools 中启用 CSS 媒体模拟？

1.在 Chrome 浏览器中，在 Chrome 浏览器中打开 DevTools。

2. 按Command+Shift+P（Mac）或Control+Shift+P（Windows, Linux, ChromeOS）以打开命令菜单。 输入rendering，选择"显示渲染"，然后按回车。 DevTools 在底部显示 "渲染 "选项卡。 更多渲染设置的帮助

3. 导航到模拟CSS媒体下拉框中并选择Print。 如果在网页上，请重新加载 (Ctrl+R) 以使设置生效。

打印

屏幕

如何访问打印预览窗口？

在 Chrome 打印对话框中更改纸张大小并启用 "打印背景图片"，以便准确显示。 有关自定义纸张尺寸，请参阅 自定义纸张尺寸指南。

我应该使用哪些打印预览设置？

• 选择IronPDF项目中使用的纸张大小（Letter）
• 在Custom，并将所有边设置为1英寸
• 启用Background Graphics复选框
• 将Landscape以处理横向文档

这些设置可通过打印预览调试 HTML，准确显示 IronPDF 如何渲染布局。

如何在 IronPDF 中匹配 CSS 媒体类型？

要 100% 精确地匹配网页设计，请在 Chrome 浏览器中选择相同的 CSS 媒体类型集。

记住PdfCssMediaType.Print格式中被略去。

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-2.cs

// Example using PdfCssMediaType.Screen
IronPdf.ChromePdfRenderer renderer = new IronPdf.ChromePdfRenderer();
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen; // or Print
renderer.RenderingOptions.PrintHtmlBackgrounds = true;

' Example using PdfCssMediaType.Screen
Dim renderer As New IronPdf.ChromePdfRenderer()
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Screen ' or Print
renderer.RenderingOptions.PrintHtmlBackgrounds = True

为什么渲染延迟和渲染超时很重要？

IronPDF的默认渲染超时时间为60秒。 当渲染时间较长时，会出现超时异常。 通过调整RenderingOptions.Timeout覆盖默认设置。 渲染延迟可为图片、字体和 JavaScript 等资产的正常加载留出时间。 对于 JavaScript 较多的页面，请参阅 JavaScript（自定义渲染延迟） 指南。

:path=/static-assets/pdf/content-code-examples/how-to/pixel-perfect-html-to-pdf-3.cs

// Example of setting Timeout and RenderDelay options
renderer.RenderingOptions.Timeout = 90; // seconds (default is 60)
renderer.RenderingOptions.WaitFor.RenderDelay(30000); // milliseconds

未设置超时或渲染延迟超过超时会产生"无法渲染 PDF"异常。 如果遇到此错误，请增加这些值。

• WaitFor和JavaScript代码示例
• 使用WaitFor延迟PDF渲染以获得高级定时控制