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%;
      }
}

Answer 2

使用

  body,html { margin-top:0%;
   display:block;
   height:100%;}

Answer 3

尝试使用CSS打印样式表，看看谷歌的some examples。

为什么它实际上不打印整页，我假设您在打印对话框中缺少一个设置如何完成打印的设置。