Moja aplikacja generuje drukowane raporty, tworząc niewidoczną ramkę iframe, a następnie drukując ją. Moja ostatnia w przygnębiająco długiej liście problemów, które próbuję rozwiązać, to optymalizacja CSS dla różnych rozmiarów drukowanych stron. IE9wydaje się trochę pracować (ale ma inne problemy, takie jak ignorowanie @page {margin: ...}), ale nie ma szczęścia w FF lub Chrome.

Mój kod wygląda tak:

@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 ...
}

Żadna z tych reguł nie jest nigdy dopasowywana w Chrome ani FF. Wypróbowałem także szerokość urządzenia i wysokość urządzenia, a te też nie działały (zdawały się raportować absolutne maksymalne rozmiary drukarki, a nie rozmiar strony). Nie wiem, jaką wartość „szerokość” i „wysokość” powracają, czy istnieje sposób, aby to powiedzieć?

Czy istnieje wiarygodny sposób na wykrycie drukowanego rozmiaru strony za pomocą zapytań o media? Jestem bliski stwierdzenia, że ​​jest po prostuNie sposób na kontrolowanie drukowania w jakikolwiek spójny sposób w różnych przeglądarkach i rzucanie na to ręcznika.