提问者:小点点

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


我在Angular 8应用程序中有一个垫子对话框,我把它设置为全屏。 但打印后,我收到了一个微红色的边框。 这是这个问题的形象

要调用mat对话框,我使用了,

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

共1个答案

匿名用户

我已经找到问题所在了。 是背景图形仍然在干扰。 所以我所做的就是把对话框的宽度从100vw增加到100.5vw,这就解决了这个问题。

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