如何在 HTML 中使用 CSS
CSS 的 "屏幕 "媒体类型主要用于在电脑屏幕和类似设备上显示。当为 "屏幕 "媒体类型定义样式时，它们会影响网页内容在屏幕上的显示方式，强调视觉设计和交互性。
相比之下，CSS 的 "打印 "媒体类型是为打印而设计的。它决定了网页在打印时的显示效果，重点是为打印页面优化内容。这种优化可能包括调整字体大小、页边距，以及删除或隐藏打印时不相关或不必要的元素。
如何在 HTML 中使用响应式 CSS
开始在您的项目中使用IronPDF，并立即获取免费试用。
查看 IronPDF 上 Nuget 用于快速安装和部署。它有超过800万次下载，正在使用C#改变PDF。
考虑安装 IronPDF DLL 直接。下载并手动安装到您的项目或GAC表单中： IronPdf.zip
屏幕和打印 CSS 类型 (CSS3)
IronPDF 使用 C# 从 HTML 生成 PDF，默认情况下可以毫不费力地将屏幕样式表渲染为 PDF。这非常方便，因为与屏幕样式表相比，打印样式表的文档、使用或开发通常都不太完善。
CSS3 允许某些 CSS 样式仅在打印文档中呈现，而其他 CSS 样式则用于网络浏览器。IronPDF 可编程为两者之一。
为我们的 HTML 创建并应用打印样式表： https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/.
很难说哪种 CSS 媒体类型更好，因为每种类型都针对不同的使用情况。我们不妨通过反复尝试，看看哪种类型适合您的需求。
重复表头
在处理跨多个页面的 HTML 表格时，将 CssMediaType 属性设置为 PdfCssMediaType.Print。这将确保表头在每个扩展页面的顶部重复出现。相反，PdfCssMediaType.Screen 会指示 Chrome 浏览器只打印一次表头。
为确保 Chrome 浏览器能检测到表格页眉，应将其括入 <牧场> 标记。让我们渲染''tableHeader.html'HTML 文件转换为 PDF，以查看效果。
:path=/static-assets/pdf/content-code-examples/how-to/html-to-pdf-responsive-css-table-header.csusing IronPdf;
using IronPdf.Rendering;
ChromePdfRenderer renderer = new ChromePdfRenderer();
// Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400);
// Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print;
// Render HTML to PDF
PdfDocument pdf = renderer.RenderHtmlFileAsPdf("tableHeader.html");
pdf.SaveAs("tableHeader.pdf");Imports IronPdf
Imports IronPdf.Rendering
Private renderer As New ChromePdfRenderer()
' Change the paper size to small
renderer.RenderingOptions.SetCustomPaperSizeinPixelsOrPoints(600, 400)
' Choose screen or print CSS media
renderer.RenderingOptions.CssMediaType = PdfCssMediaType.Print
' Render HTML to PDF
Dim pdf As PdfDocument = renderer.RenderHtmlFileAsPdf("tableHeader.html")
pdf.SaveAs("tableHeader.pdf")
