如何在打印時使div寬度和高度100％

Question

您好，我的頁面上實現了fullcalendar.js，但是無法打印整個頁面的日歷。 這是我的html

<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

Answer 1

嘗試@page聲明。

將以下樣式規則添加到頁面。 它將刪除所有側面的所有空格。

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