window.print()不打印整个页面

Question

我有一个页面

我想打印这个页面.在打印按钮我使用这样的东西

<input id="print" type="submit" onclick="window.print();" />

但问题是它不是打印整个页面.就像它只打印当前在视图中一样.当我点击打印按钮然后Email:tahir@7-cs.com打印页面.它不会打印滚动条下方的文本.

如何打印整个文本.就像假设我有一个非常大的页面,我使用选项卡来容纳我的页面.当点击打印按钮,然后我想包括整个页面,包括选项卡.我该怎么做？

谢谢

Answer 1

您应该使用单独的css文件来打印页面或使用css3媒体查询:

<link rel="stylesheet" href="css/print.css" type="text/css" media="print"/>

在创建css打印文件时,使用百分比值是最佳选项.

body, html, #wrapper {
    width: 100%;
}

或在您的主css文件中:

@media print {
      body, html, #wrapper {
          width: 100%;
      }
}