Как сделать div ширину и высоту 100% при печати

Привет, у меня есть fullcalendar.js, реализованный на моей странице, но я не могу распечатать календарь, охватывающий полную страницу. Вот мой HTMLКак сделать div ширину и высоту 100% при печати

<body> 
    <table> 
    <tr> 
     <td width = 25% > hello </td> 
     <td> <div id='calendar'></div></td> 
    </tr> 
</table> </body>

Теперь, если я пытаюсь напечатать это я получаю пустое место слева здесь является моим стилем.

<style> 
    @media print { 
    body * { 
    visibility: hidden; 
    } 
    #calendar, 
    #calendar * { 
    visibility: visible; 
    } 

    }

Так как напечатать только Div #calendar охватывающую всю страницу вот моя реализация http://plnkr.co/edit/SsYdQn?p=preview

источник

2016-09-07 Srujan

Попробуйте @page декларацию.

Добавьте на страницу следующее правило стиля. Он удаляет все пробелы со всех сторон.

<style type='text/css'> 
@page{margin:0;size:auto} 
</style>

источник

2016-09-07 05:22:25 selami

Как сделать div ширину и высоту 100% при печати

ответ

Смежные вопросы