javascript - 在 Angular 2 中使用 window.print() 仅打印一页

Question

我将用于打印的 html 放入具有类 forPrint 的 div 中，该类位于 Material 对话框页面中，并调用 window.print() 当在 Angular 组件中单击打印按钮时。
但是，它仅显示/打印当前屏幕中的页面，单击按钮时其余部分将被切断。
如何使用forPrint类打印div中的全部内容？
我认为原因是 Material 对话框，因为当我在普通页面中打印某些内容时，它工作正常。

CSS:

@media print {
    /deep/ body * { visibility: hidden; }
    /deep/ .forPrint * { visibility: visible; display:block;}
    /deep/ .forPrint { display:block;position: absolute; top: 40px; left: 30px; } 

}

Answer 1

要打印 class-forPrint 的全部内容或在 CSS 下使用页面

@media print {
      body, html, .forPrint{
          width: 100%;
          height:100%;
      }
}