IronPdf.UpdatedChrome中的渲染修正

This article was translated from English: Does it need improvement?
Translated
View the article in English

由於標準IronPdf.UpdatedChrome套件包含較新的引擎,從而在設計上修復了其中的若干情況。

標準109,以便與較舊的Windows伺服器相容。 131,提供比Chrome瀏覽器列印預覽更可靠的像素完美輸出。 如果您的輸出僅在現代CSS上顯得不對,則引擎版本很可能是原因。

解決方案

將依賴切換到IronPdf.UpdatedChrome並重新渲染。 下列情況通過更新的引擎而不需程式碼更改而得到了這些情況的解決。

1. CSS overflow: hidden

在更新的引擎下,被overflow: hidden剪裁的內容按預期呈現,而標準套件未能遵守此規則。

在標準IronPdf中未遵守 overflow:hidden,內容超出頁邊

在IronPdf.UpdatedChrome下正確剪裁溢出:hidden

2. 自定義行高度和紙張大小

在自訂IronPdf.UpdatedChrome下正確放置文字。 調整文字位置以匹配設計意圖。

在標準IronPdf下,文字在頁面分隔處被剪裁,自訂行高

在IronPdf.UpdatedChrome下文字正確定位且無剪裁

3. 使用subgrid的網格佈局

<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr">
<div style="display:grid; grid-template-columns: subgrid; grid-column: 1/4">
HTML

更新的引擎按預期將內部網格解析為subgrid。 標準套件中的舊引擎無法正確支援此佈局。

在標準IronPdf下,副網格佈局損壞,得分框垂直堆疊

在IronPdf.UpdatedChrome下,副網格佈局正確渲染於對齊的列中

請注意IronPdf.UpdatedChrome使用CEF 131。如果您必須針對需要CEF 109的舊Windows伺服器,才保留標準IronPdf套件。

Curtis Chau
技術作家

Curtis Chau擁有Carleton大學的電腦科學學士學位,專精於前端開發,擁有Node.js、TypeScript、JavaScript和React的專業知識。Curtis熱衷於建立直觀且美觀的使用者介面,喜愛使用現代框架並建立結構良好、視覺吸引力的手冊。

除了開發,Curtis對物聯網(IoT)有濃厚的興趣,探索創新的方法來整合硬體和軟體。在空閒時間,他喜歡玩遊戲和建立Discord機器人,結合他對技術的熱愛與創造力。

準備開始了嗎?
Nuget 下載 20,296,129 | 版本: 2026.7 剛剛發布
Still Scrolling Icon

還在捲動嗎?

想快速獲得證明嗎? PM > Install-Package IronPdf
執行範例 看您的HTML變成PDF。