md-dialog size 用于 Angular 2 故障排除的材料答案

【问题标题】：md-dialog size Material for Angular 2 troubleshootingmd-dialog size 用于 Angular 2 故障排除的材料
【发布时间】：2017-06-11 10:15:48
【问题描述】：

当我打开一个材质对话框 (MdDialog.open(MyDialogComponent)) 时，打开的对话框会占据我屏幕的整个高度。

当我在 Chrome 检查器中从 .md-dialog-container 中删除 height:100% 时，会调整高度以完美适应内容。

但是 md-dialog 的源代码让它看起来像是故意的：

md-dialog-container {
  ...
  // The dialog container should completely fill its parent overlay element.
  width: 100%;
  height: 100%;
  ...
}

我已经从我的项目中删除了 Angular 1 的材料以避免 CSS 与 Angular 2 的材料发生冲突。（旧的 css 也使宽度过大。）

什么可能导致此问题或如何解决？

我的对话框组件很简单：

<h2 md-dialog-title>...</h2>

<md-dialog-content>
   ...
</md-dialog-content>

<md-dialog-actions align="end">
  <button... />
</md-dialog-actions>

【问题讨论】：

【解决方案1】：

我的页面不见了<!DOCTYPE html>

有关对话框的更多信息，请参阅此答案： Angular2 Material Dialog css, dialog size

【讨论】：