Meine App generiert gedruckte Berichte, indem sie einen unsichtbaren Iframe erstellt und anschließend druckt. Meine letzte in einer bedrückend langen Liste von Problemen, die ich zu lösen versuche, ist die Optimierung des CSS für verschiedene gedruckte Seitengrößen. IE9scheint ein bisschen zu arbeiten (hat aber andere Probleme, wie das Ignorieren von @page {margin: ...}), aber überhaupt kein Glück auf FF oder Chrome.

Mein Code sieht so aus:

@media print and (width: 210mm) and (height: 297mm) {
   ... stuff for A4 size ...
}

@media print and (width: 8.5in) and (height: 11in) {
   ... stuff for US letter size ...
}

Keine dieser Regeln wird jemals in Chrome oder FF abgeglichen. Ich habe auch Gerätebreite und Gerätehöhe ausprobiert, und diese funktionierten auch nicht (sie schienen die absoluten Maximalgrößen des Druckers und nicht die Seitengröße anzugeben). Ich kann nicht herausfinden, welche Werte für "width" und "height" zurückgegeben werden. Gibt es eine Möglichkeit, dies zu erkennen?

Gibt es eine zuverlässige Methode zum Erkennen der gedruckten Seitengröße mithilfe von Medienabfragen? Ich bin ziemlich nah dran zu dem Schluss zu kommen, dass es einfach gibtNein Möglichkeit, das Drucken in allen Browsern auf einheitliche Weise zu steuern und das Handtuch darüber zu werfen.