如何在 HTML 中使用 CSS
CSS 的 'screen' 媒體類型主要用於電腦螢幕和類似設備的顯示。當為 'screen' 媒體類型定義樣式時，它會影響網頁內容在螢幕上的呈現方式，強調視覺設計和互動性。
相反，CSS 的 'print' 媒體類型是為列印而設計的。它確定網頁在列印時的外觀，重點在於優化列印頁面的內容。這種優化可能包括調整字體大小、邊距，以及移除或隱藏在列印時不相關或不必要的元素。
如何在 HTML 中使用響應式 CSS
立即開始在您的專案中使用IronPDF，並享受免費試用。
查看 IronPDF 上 Nuget 快速安裝和部署。已被下載超過800萬次，它正用C#改變PDF。
請考慮安裝 IronPDF DLL 直接下載並手動安裝到您的專案或GAC表單： IronPdf.zip
螢幕與列印的 CSS 類型 (CSS3)
IronPDF 可從 HTML 產生 PDF 檔案，並且可以預設輕鬆地將螢幕樣式表渲染成 PDF。這相當方便，因為印刷樣式表通常比螢幕樣式表的文件較少、使用較少或開發較少。
CSS3 允許某些 CSS 樣式僅在印刷文件中渲染，而其他樣式則用於網頁瀏覽器。IronPDF 可以被編程以適應其中任意一種。
建立並應用印刷樣式表到我們的 HTML： https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/很難說哪種CSS媒體類型更好，因為每種類型針對不同的使用情境。值得通過嘗試和錯誤來測試每一種，看看哪一種適合你的需求。
重複表格標題
在處理跨多頁的 HTML 表格時，請將 CssMediaType 屬性設置為 PdfCssMediaType.Print。這確保表格標題在每個延伸頁的頂部重複。相比之下，PdfCssMediaType.Screen 指示 Chrome 只打印一次標題。
為了確保 Chrome 檢測到表格標題，應該封裝在 <thead標籤。我們來渲染 '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")
