Angular 8 从全屏打印垫对话框中去除打印介质中的奇怪线条

Question

我在 Angular 8 应用程序中有一个垫子对话框，我已将其设置为全屏。 但打印后，我收到了一个奇怪的边框。 这是问题的图像

要调用 mat-dialog，我使用过，

this.dialog.open(MaterialDetailsComponent, {
      data: row, minWidth: '100vw'})

而我的 styles.css 是，

@media print {
  app-footer  {
    display: none;
  }
  app-labour-value-estimate-print-layout {
    display: block;
  }
  .material-details-container-div {
    width: 100vw;
    height: 100vh;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    text-shadow: none;
  }
}

Answer 1

我发现了问题所在。 仍在干扰的是背景图形。 所以我所做的只是将对话框的宽度从 100vw 增加到 100.5vw，它解决了这个问题。

this.dialog.open(MaterialDetailsComponent, {
      data: row, minWidth: '100.5vw'})