1. IronPDF
  2. Fehlersuche
  3. Rendering-Korrekturen in IronPdf.UpdatedChrome

Rendering-Korrekturen in IronPdf.UpdatedChrome

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

Einige HTML- und CSS-Funktionen werden vom Standard-IronPdf-Paket nicht richtig dargestellt, da es mit einer älteren Chromium-Engine geliefert wird. Das IronPdf.UpdatedChrome-Paket enthält eine neuere Engine, die mehrere dieser Fälle absichtlich behebt.

Das Standard-IronPdf-Paket bündelt die CEF-Engine-Version 109 für die Kompatibilität mit älteren Windows-Servern. IronPdf.UpdatedChrome bündelt die CEF-Engine-Version 131 und liefert zuverlässigere, pixelgenaue Ausgaben als die Druckvorschau in Chrome. Wenn Ihr Ergebnis nur bei modernem CSS falsch aussieht, ist wahrscheinlich die Engine-Version schuld.

Lösung

Wechseln Sie die Abhängigkeit zu IronPdf.UpdatedChrome und rendern Sie neu. Die untenstehenden Fälle werden durch die neuere Engine ohne Code-Änderungen gelöst.

1. CSS overflow: hidden

Inhalt, der von overflow: hidden abgeschnitten wird, wird von der aktualisierten Engine wie erwartet gerendert, wo das Standardpaket die Regel nicht beachtet.

overflow:hidden wird im Standard-IronPdf nicht respektiert, Inhalt fließt über den Seitenrand hinaus

overflow:hidden wird korrekt unter IronPdf.UpdatedChrome abgeschnitten

2. Benutzerdefinierte Zeilenhöhe und Papiergröße

Ein Layout, das line-height: 129% auf einer benutzerdefinierten 6 x 9 inch Papiergröße verwendet, platziert den Text korrekt unter IronPdf.UpdatedChrome. Die Textposition wird so angepasst, dass sie zum beabsichtigten Design passt.

Text wird bei einem Seitenumbruch unter Standard-IronPdf mit benutzerdefinierter Zeilenhöhe abgeschnitten

Text wird korrekt positioniert ohne Abschneiden unter IronPdf.UpdatedChrome

3. Raster-Layout mit 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

Die aktualisierte Engine löst das innere Raster wie erwartet auf subgrid auf. Die ältere Engine im Standard-Paket unterstützt dieses Layout nicht korrekt.

Subgrid-Layout zerbricht unter Standard-IronPdf, Punktekästen werden vertikal gestapelt

Subgrid-Layout wird korrekt in ausgerichteten Spalten unter IronPdf.UpdatedChrome gerendert

Hinweis:IronPdf.UpdatedChrome verwendet CEF 131. Bleiben Sie nur beim Standard-IronPdf-Paket, wenn Sie ältere Windows-Server anvisieren müssen, die CEF 109 benötigen.

Curtis Chau
Curtis Chau
  Jetzt mit dem Ingenieurteam chatten
Technischer Autor

Curtis Chau hat einen Bachelor-Abschluss in Informatik von der Carleton University und ist spezialisiert auf Frontend-Entwicklung mit Expertise in Node.js, TypeScript, JavaScript und React. Leidenschaftlich widmet er sich der Erstellung intuitiver und ästhetisch ansprechender Benutzerschnittstellen und arbeitet gerne mit modernen Frameworks sowie der Erstellung gut strukturierter, optisch ansprechender ...

Weiterlesen
Bereit anzufangen?
Nuget Downloads 20,296,129 | Version: 2026.7 gerade veröffentlicht
Still Scrolling Icon

Scrollst du immer noch?

Sie brauchen schnell einen Beweis? PM > Install-Package IronPdf
Führen Sie eine Probe aus Sehen Sie zu, wie Ihr HTML-Code in eine PDF-Datei umgewandelt wird.