인쇄하는 동안 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; 
    } 

    }

가 어떻게 여기에 전체 페이지 을 커버 단지 사업부의 #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 %로 만드는 방법

답변

관련 문제