Мое приложение генерирует печатные отчеты, создавая невидимый iframe, а затем распечатывая его. Моя последняя проблема в удручающе длинном списке проблем, которые я пытаюсь решить, - это оптимизация CSS для разных размеров печатных страниц. IE9кажется немного поработать (но есть другие проблемы, такие как игнорирование @page {margin: ...}), но совсем не повезло в FF или Chrome.

Мой код выглядит так:

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

Ни одно из этих правил никогда не соответствует ни в Chrome, ни в FF. Я также попробовал device-width и device-height, и они тоже не работали (они, казалось, сообщали об абсолютных максимальных размерах принтера, а не о размере страницы). Я не могу понять, какие значения "ширина" и "высота" возвращаются, есть ли способ сказать?

Есть ли надежный способ определения размера напечатанной страницы с помощью медиа-запросов? Я довольно близко к выводу, что есть простонет способ контролировать печать любым согласованным способом через браузеры, и выкидывать на это полотенце.