如何设置 $mdDialog 的最大宽度？答案

【问题标题】：How to set up the max-width of $mdDialog?如何设置 $mdDialog 的最大宽度？
【发布时间】：2016-11-11 10:35:28
【问题描述】：

我是 CSS 新手，无法正确设置确认对话框的最大宽度。这是我调用对话框的代码：

this.$mdDialog.show({
  content: longText,
  ok: 'OK',
  cancel: 'CANCEL'
  clickOutsideToClose: true,
});

问题是我的longText 没有携带，而且我的对话框水平拉伸得很厉害。我尝试在本地添加style.less 并像这样确定max-width：

.md-dialog {
  max-width: 300px;
}

但是没有变化。有人可以帮我吗？

【问题讨论】：

【解决方案1】：

要实现你想要的，你应该使用这种方式：

.md-dialog-content {
  max-width: 300px;
}

【讨论】：

我已经尝试过像你写的那样做。但这没有任何意义。我认为问题是我从globalService 调用的确认对话框。我说的对吗？
即使你只放.md-dialog-content {而不是2个类？
不。只有当我在globalService 中更改我的confirm.html 时才是正确的。如果我在我的本地 style.less 中添加这些行，那就没有意义了。
顺便说一句，由于我在项目中的硬架构，我认为我可以将您的帖子标记为答案。
在 codepen material.angularjs.org/latest/demo/dialog 上查看他们的代码，如果您按照我所说的那样更改 CSS，它也会更改 width。跨度>

【解决方案2】：

你可以试试

md-dialog{
max-width: 300px;
}

因为 md-dialog 不是一个类，它是预先定义角材料的指令

【讨论】：