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>