У меня есть div, в котором я создаю диаграмму, используя protovis . У div есть ширина : 100%
и высота : 100%
, а код для создания диаграммы использует $ ('# chart'). Width ()
и $ ('# chart'). Height ()
, чтобы получить размер div во время рендеринга и заполнить страницу диаграммой. Я фиксирую событие изменения размера в окне и настраиваю div и диаграмму так, чтобы они менялись при изменении размера окна.
Теперь мне нужно распечатать. Я бы надеялся, что когда браузер отображает страницу для принтера, он выдает изменение размера, но это не так, по крайней мере Safari и Firefox этого не делают. Chrome делает что-то странное, когда он изменяет только высоту, но не ширину. Есть ли способ вызвать это поведение непосредственно перед печатью?
РЕДАКТИРОВАТЬ. Рассмотрим следующий html
Resize
. Когда я изменяю размер окна, содержимое div меняется. Когда я его печатаю, процесс рендеринга не запускает событие resize.
возможно
<style type="text/css">
#chart { width: 100%; height: 100%; background: gray; border: 1px solid black;}
</style>
<style type="text/css" media="print">
#chart { width: 100%; height: 98%; background: gray; border: 1px solid black;}
</style>