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

Question

我在Angular 8应用程序中有一个mat-dialog，并且我已经将其设置为全屏。但在打印后，我收到了一个奇怪的边框。Here is the image of the issue

为了调用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'})