【问题标题】：How to change Angular Material dialog container width size如何更改 Angular Material 对话框容器宽度大小
【发布时间】：2020-05-15 01:55:13
【问题描述】：

我想更改角度材质对话框容器的宽度大小。我尝试了不同的方法，甚至将它放在全局样式 css 上，但它仍然不起作用。

现在我做错了什么？为什么改了不反映？和默认的角材质有关系吗？

我也尝试在我的组件 css 上添加它，结果仍然相同。

尽管这与解决问题或算法无关，但请与此无关。谢谢。

CSS

.mat-dialog-container { 
  display: block; 
  padding: 24px; 
  border-radius: 4px; 
  box-sizing: border-box; 
  overflow: auto; outline: 0; 
  /* width: 1800px !important; */ 
  height: 100%; min-height: inherit; 
  max-height: inherit; 
  min-width: 100px;
  max-width: 100vw !important;
}

【问题讨论】：

标签： css angular angular-material

【解决方案1】：

试试下面这个

.cdk-overlay-pane {
pointer-events: auto;
box-sizing: border-box;
max-width: 100%;
max-height: 100%;
width: 1005px !important; //your require width here

}

【讨论】：