将宽度设置为Angular2模式窗口

Question

我正在使用Angular2-modal创建一个带有一些内容的模态，里面有一些动态内容。这个内容基本上是一个图像，但尺寸并不总是相同，但我知道创建模态时的尺寸，那么如何指定模态的尺寸？

this.modal.open(SnapshotCanvasModalComponent, overlayConfigFactory(context, BSModalContext));

将context作为一个简单的对象，其中包含图片（base64）。

我读到我可以使用modal-lg或modal-sm来设置一个类然后重新定义这些类，但是这种情况下的维度不能由css设置但是动态，因为我不知道预先提供图像的尺寸。

有什么想法吗？ 感谢

Answer 1

将它添加到styles.css文件：

 .modal-dialog {
    width: fit-content;
    margin: 0 auto;
 }

然后，您可以在模态的html内容上定义宽度，这将是模态的宽度。

Answer 2

将此添加到styles.css

.modal-lg {
  min-width: 900px;
  width: fit-content;
}

这样，您可以控制Sandard模态的最小宽度，或者当内容较大时，它会调整。另外，最好在'modal-lg'上设置宽度，因为这比在modal-dialog类上设置宽度更合适。