window.print（）仅打印屏幕的“可查看”部分

我有一个可滚动的屏幕，我正在打印按钮，并在其onclick事件上调用“window.print（）”函数。window.print（）仅打印屏幕的“可查看”部分

我的问题是它只打印屏幕的“可视”部分，而不是整个屏幕。如果页面是可滚动的，则如果内容不适合1页，则打印应该扩展到2（或更多）页面。但就我而言，它总是只打印1页，其余内容不打印。

2017-09-13 Avani

只有可见页面将默认打印，如果你想显示在所有网页内容，然后在新选项卡中显示您想要打印的所有内容，然后在该新选项卡中输入window.print。如果你的意思是只有可见内容正在打印，那么你需要将'html'和'body'标签设置为'height：100％'， –

谢谢Naren，我已经将'html'和'body'标签设置为'身高：100％' – Avani

我已经设置好了，当点击按钮时，它直接显示另一个HTML文件，我在其上有打印按钮，并且在其onclick事件中调用了“window.print（）”函数。 – Avani

你基本上有以下添加到您的主css文件

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

2017-09-13 17:58:12

我有文件print.css，其中包含'@media print {body，html，＃wrapper {width：100％; } }' – Avani

它应该工作。我尝试了'height：100％'以及'width：100％'。两者都似乎解决了这个问题。 –

谢谢，当我把'div'标签设置为'height：100％' – Avani

回答