Angular Material 2 : How to overwrite Dialog max-width to 100vw?

Question

我正在尝试创建 100% 宽度的对话框。但作为原始设置，它被限制为 80vw。

.mat-dialog-container{
  max-width:80vw;
}

我尝试了以下方法来覆盖这个值。 但他们没有成功。

.mat-dialog-container {
  max-width: none;
  width: 100vw;
  height: 100vh;
}

和

.mat-dialog-container {
    max-width: none !important;
}

有人请告诉我如何将 80vw 覆盖为 100vw。谢谢。

Answer 1

解决这个问题的最简单方法:

const dialogRef = this.dialog.open(MyDialogComponent, {
        width: '100vw',
        maxWidth: '100vw',
    }
)