如何在 IronPDF 中使用 C##35; 虛擬視口和縮放。

透過使用 RenderingOptions 屬性來設定 ViewPortWidth 和 Zoom 值，或利用預設的 PaperFit 模式來控制 IronPdf 中的視埠和縮放，以便在 HTML 轉換為 PDF 時進行自動佈局處理。

<！--說明：說明程式碼概念的圖表或截圖 -->

在 HTML 到 PDF 的渲染中，視口決定了如何在生成的 PDF 文件中捕捉網頁佈局。 它代表瀏覽器用來呈現網頁的虛擬螢幕大小。 在使用 IronPDF 的 Chrome 渲染引擎時，了解視口設置對達到準確的效果至關重要。

縮放可控制 PDF 文件中網頁內容的縮放比例。 微調縮放級別可調整 PDF 中的內容大小，確保適當的版面與格式。 此功能在處理必須適應不同頁面大小的 回應式 CSS 布局時特別有用。

快速入門：使用 IronPDF 控制縮放和視窗

使用 IronPDF 管理 HTML 至 PDF 轉換中的縮放與視埠設定。 本指南提供一個簡單的程式碼片段，以便開始調整 HTML 內容的大小。 使用最少的程式碼，即可確保 PDF 正確呈現，同時維持回應式設計元素和所需的版面。

IronPDF 中的紙張貼合模式有哪些？ 存取 `RenderingOptions` 中的 **PaperFit** 欄位，以使用特定呈現類型和模式的預設方法。 這些模式提供將 HTML 內容呈現於 PDF 頁面上的不同方法，類似於 [ 建立自訂紙張尺寸](https://ironpdf.com/how-to/custom-paper-size/)時所使用的技術。 讓我們透過渲染 Wikipedia 主頁來檢視每個 `PaperFit` 模式，以進行比較。 PaperFit 模式可處理各種內容版面，從標準網頁到收據或報告等專業文件。 每種模式都會針對特定的使用情況進行最佳化，確保 PDF 不論來源內容的原始格式為何，都能維持預期的設計與可讀性。

如何使用 Chrome 預設渲染？ --> <！--說明：說明程式碼概念的圖表或截圖 --> 此模式會將 PDF 頁面排版成在 Google Chrome 列印預覽中的樣子。 它可設定渲染選項，以符合從 Chrome 列印時的網頁外觀。 回應式 CSS 視埠會根據紙張的寬度來解釋指定的紙張大小。 使用 `UseChromeDefaultRendering` 方法來設定。 Chrome 預設渲染與瀏覽器列印期望保持一致。 它適用於標準網頁和文件，在這些網頁和文件中，您希望保留在典型瀏覽器列印作業中出現的自然內容流程。 對於涉及 [JavaScript 渲染](https://ironpdf.com/how-to/javascript-to-pdf/)的進階方案，此模式可確保動態內容的正確執行和顯示。 ```csharp :path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-default-chrome.cs ```

如何使用回應式 CSS 渲染？ <！--說明：說明程式碼概念的圖表或截圖 --> 在回應式 CSS 模式中，透過傳送一個值給 `UseResponsiveCssRendering` 方法來指定視埠寬度。 預設 `ViewPortWidth` 為 1280 像素。 視埠單位以像素為基礎，代表反應式 CSS 設計的虛擬瀏覽器視埠。 此模式可處理現代框架，並可使用 [Bootstrap 和 Flex CSS 布局](https://ironpdf.com/troubleshooting/bootstrap-flex-css/)。 回應式 CSS 定義基於 **ViewPortWidth** 參數的 HTML 呈現，可調整內容大小以符合指定的紙張尺寸寬度。 此方法適合使用回應式設計原則的現代網路應用程式，可確保 PDF 不論原始檢視埠大小，都能維持預期的版面。當使用 [ 自訂頁邊空白](https://ironpdf.com/how-to/custom-margins/)時，此模式可精確控制內容適應不同的頁面尺寸。 ```csharp :path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-responsive-css.cs ```

如何使用比例渲染？ `UseScaledRendering` 方法會針對指定的紙張大小模仿 Chrome Print Preview 行為，同時提供可調整的縮放程度。 此方法可根據輸入的縮放百分比來調整內容。 縮放呈現可精確控制 PDF 中的內容外觀。 與固定視埠方法不同的是，此方法允許動態調整內容大小，因此非常適合需要在不同比例下具有可讀性的文件，或在準備 PDF 文件以適用於各種顯示情境時使用。 此技術可補充[頁面方向與旋轉](https://ironpdf.com/how-to/page-orientation-rotation/)設定，以達到最佳的文件呈現效果。 ```csharp :path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-scaled.cs ```

如何使用適合頁面渲染？ Fit to page rendering（適合頁面渲染）會縮放內容以適合指定的紙張大小。它會測量渲染後的最小 HTML 內容寬度，並在可能的情況下將其縮放至適合一張紙的寬度。 可設定的最小像素寬度可確保正確顯示，並符合 CSS3 排版規則。 此模式可處理可能橫向跨越多頁的內容。 它適用於必須符合單一頁面寬度的寬表格、圖表或儀表板。 自動縮放功能可確保所有內容在不水平捲動的情況下仍清晰可見，因此非常適合可讀性非常重要的 [ 生成 PDF 報告](https://ironpdf.com/how-to/csharp-pdf-reports/)。 ```csharp :path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-fit-to-page.cs ```

如何使用連續饋送渲染？ 連續進紙渲染可建立單頁 PDF，將所有內容都貼合在一頁上，適合消費者帳單或收據等文件。預設 PDF 頁寬為 80.0 公釐，頁邊距離為 5 公釐。 Let's render the 'receipt.html' file to PDF. 使用 `width` 和 `margin` 參數自訂頁面寬度和頁邊空白，以提供彈性。 此模式可建立簡潔的單頁文件。 它可以生成收據、發票或任何需要連續流暢而無須分頁的文件。 結合[HTML轉PDF的分頁控制](https://ironpdf.com/how-to/html-to-pdf-page-breaks/)，您可以針對特定需求建立複雜的文件佈局。 ```csharp :path=/static-assets/pdf/content-code-examples/how-to/viewport-zoom-continuous-feed.cs ``` 準備好看看您還能做些什麼嗎？ 請造訪我們的教學頁面：[轉換 PDF 文件](https://ironpdf.com/tutorials/convert-pdf/)