Osterhase: dpi in css einstellen?

Beitrag lesen

Hallo!

Ich habe mir ein Template für Vorlagen erstellt um Angebote zu erzeugen aus einer Kundendatenbank heraus.
Diese Template wird in einem Iframe angezeigt.
Ich kann im oberen Teil Input-Felder ausfüllen und unten im Iframe wird immer das Aktuelle Angebot (oder was auch immer für ein Template geladen ist) angezeigt.
Das ganze - und das ist der Knackpunkt - soll am Ende als PDF raus kommen.
DomPdf ist auf 150 DPI eingestellt, weil mir 96 DPI zu schlecht von der Qualität waren.
Die CSS-Eigenschaften für das Template, was im Grunde nur ein Hintergundbild ist (und im Vordergrund eben die Variablen), sind die eines DinA4-Blatts also genau

width: 21.0cm;  
height: 29.7cm;

Das PDF kommt nun Perfekt raus!
ABER die anzeige im Iframe ist ABGEHACKT also ich sehe etwa nur die Hälfte des DinA-Blatts.
Das Hintergrundbild selbst hat folgende Eigenschaften:
1240px * 1754px oder eben 209,97mm * 297,01mm @ 150 DPI.
Das Problem welches ich sehe ist, dass der Browser auf 96 DPI eingestellt ist und daher das Bild abhackt.

Die Lösung ist das Bild via CSS nicht mit cm zu Skalieren sondern mit px also 1240px * 1754px.

Frage: Kann ich es auch so hin bekommen, dass ich die cm Angabe stehen lassen kann und dem Browser irgendwie sage, dass 150 DPI gemeint sind?