印刷中にdivの幅と高さを100％にするには

こんにちは私のページにfullcalendar.jsが実装されていますが、フルページをカバーするカレンダーは印刷できません。ここでは私のhtml印刷中にdivの幅と高さを100％にするには

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

である私はこれを印刷しようとする今、私はここで左の空白を取得mは私のスタイルです。

<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

答えて