1. IronPDF
  2. 操作指南
  3. CSS（螢幕和列印）
如何使用 C# 將 HTML 轉換為具有響應式 CSS 的 PDF

How to use CSS with HTML

Curtis Chau
Curtis Chau
更新日期:
This article was translated from English: Does it need improvement?
Translated
View the article in English

CSS的 'screen' 媒體類型主要用於電腦螢幕和類似設備的顯示。 當樣式定義為 'screen' 媒體類型時，它們會影響網頁內容在螢幕上的呈現，強調視覺設計和互動性。

相比之下，CSS的 'print' 媒體類型是為打印而設計的。 它決定了網頁在打印時的外觀，重點是優化打印頁面的內容。 這種優化可能包括調整字體大小、邊距，以及刪除或隱藏在打印時不相關或不必要的元素。

快速入門： 使用響應式HTML和CSS生成PDF

使用IronPDF輕鬆將包含響應式CSS的HTML轉換為精美的PDF。 僅需幾行代碼，開發者即可確保他們的PDF在各種設備上完美渲染，保持螢幕和打印樣式的完整性。 本快速指南演示了如何使用IronPDF從您現有的HTML內容中獲得專業PDF輸出，簡化了快速準確結果的流程。

Nuget IconGet started making PDFs with NuGet now:

  1. Install IronPDF with NuGet Package Manager

    PM > Install-Package IronPdf

  2. Copy and run this code snippet.

    new IronPdf.ChromePdfRenderer { RenderingOptions = { CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print } }
    .RenderUrlAsPdf("https://example.com")
    .SaveAs("responsive.pdf");

  3. Deploy to test on your live environment

    Start using IronPDF in your project today with a free trial
    arrow pointer
class="hsg-featured-snippet">

最小化工作流程（5步）

  1. 下載IronPDF C#庫以整合CSS和HTML
  2. 準備要轉換為PDF的HTML文件
  3. 指定CSS媒體類型以獲得最佳PDF格式
  4. 設置CSS媒體類型 'Print' 以便在PDF中重複表格標題
  5. 設置視窗尺寸以實現響應式設計


螢幕和打印CSS類型（CSS3）

IronPDF使用C#從HTML生成PDF，並且能夠輕鬆地將螢幕樣式表默認渲染為PDF。 這很方便，因為與螢幕樣式表相比，打印樣式表通常記錄得較少、使用較少、開發較少。

CSS3允許某些CSS樣式專門在打印文檔中呈現，而其他則是針對網頁瀏覽器。 IronPDF可以被編程以使用其中任何一種。

創建並應用一個打印樣式表到您的HTML：學習如何創建和應用完美的打印樣式表。。

很難說哪種CSS媒體類型更好，因為每種類型針對不同的使用案例。 值得通過反覆試驗來查看哪種適合您的要求。

打印示例 1 螢幕示例 1

重複的表格標題

當處理跨多頁的HTML表時，將CssMediaType屬性設置為PdfCssMediaType.Print。 這可以確保表格標題在每個延伸頁面上重複。 相比之下，PdfCssMediaType.Screen指示Chrome僅打印標題一次。

為了確保Chrome檢測表格標題，它應該包含在<thead>標籤中。 Let's render the 'tableHeader.html example of repeating table headers' HTML file to PDF to see the effect.

:path=/static-assets/pdf/content-code-examples/how-to/html-to-pdf-responsive-css-table-header.cs
using 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")
$vbLabelText   $csharpLabel

常見問題解答

如何將HTML轉換為具有響應式設計的PDF？

您可以使用 IronPDF 將 HTML 檔案轉換為響應式 PDF 檔案。首先，下載 IronPDF C# 庫。然後，準備好您的 HTML 文件，指定合適的 CSS 媒體類型，並配置視窗尺寸，以確保 PDF 文件在不同裝置上都能正常顯示。

CSS 的「螢幕」和「列印」媒體類型有什麼不同？

CSS 的「screen」媒體類型用於在數位螢幕上顯示內容，專注於視覺設計和互動性。與之相反，「print」媒體類型則透過調整字體大小和邊距等元素來優化內容，使其適用於印刷材料，從而滿足實體列印的需求。

如何確保 PDF 文件中的表格標題在每一頁上都重複出現？

為確保 PDF 檔案中每頁的表格標題都重複出現，請將CssMediaType屬性設為PdfCssMediaType.Print ，並將表格標題包含在<thead>標籤中。這樣可以確保表格標題在多頁中保持一致。

IronPDF 能否同時處理螢幕樣式表和列印樣式表？

是的，IronPDF 可以同時處理螢幕和列印樣式表。它允許使用這兩種媒體類型從 HTML 渲染 PDF，從而確保根據輸出目標（數位螢幕或列印）的靈活性。

將 HTML 轉換為 PDF 時使用列印樣式表有什麼好處？

將 HTML 轉換為 PDF 時，列印樣式表非常有用，因為它能確保內容針對列印進行最佳化。這包括調整字體大小和邊距，確保 PDF 的格式適合實際列印輸出。

如何使用 C# 函式庫在 PDF 中實作響應式 CSS？

若要使用 IronPDF 在 PDF 中實現響應式 CSS，請下載 IronPDF C# 庫，準備 HTML 內容，指定所需的 CSS 媒體類型，並調整視窗尺寸，以確保 PDF 能夠適應各種裝置。

為什麼為 PDF 檔案使用正確的 CSS 媒體類型很重要？

對於 PDF 文件而言，使用正確的 CSS 媒體類型至關重要，因為它決定了內容的渲染方式。 「螢幕」媒體類型適用於數位顯示，而「列印」媒體類型則確保內容針對紙張進行最佳化，進而影響版面和可讀性等元素。

IronPDF 是否支援 .NET 10？使用最新版本有哪些優勢？

是的，IronPDF 支援 .NET 10。由於 .NET 10 是一個長期支援 (LTS) 版本，在效能、執行時間和 SDK 方面都有顯著改進——包括更好的 JIT 內聯、硬體加速以及增強的 HTTP 和序列化 API——因此，將 .NET 10 與 IronPDF 結合使用可以實現更快、更有效率的 PDF 生成，並確保長期穩定性。 ([devblogs.microsoft.com](https://devblogs.microsoft.com/dotnet/announcing-dotnet-10/?utm_source=openai))

Curtis Chau
Curtis Chau
  立即與工程團隊聊天
技術作家

Curtis Chau 擁有卡爾頓大學計算機科學學士學位，專注於前端開發，擅長於 Node.js、TypeScript、JavaScript 和 React。Curtis 熱衷於創建直觀且美觀的用戶界面，喜歡使用現代框架並打造結構良好、視覺吸引人的手冊。

除了開發之外，Curtis 對物聯網 (IoT) 有著濃厚的興趣，探索將硬體和軟體結合的創新方式。在閒暇時間，他喜愛遊戲並構建 Discord 機器人，結合科技與創意的樂趣。

準備好開始了嗎？
Nuget 下載 16,154,058 | 版本： 2025.11 剛剛發布