将宽度设置为Angular2模式窗口

Question

我使用Angular2-modal创建了一些模型，其中包含一些内容，其中包含一些动态内容。这个内容基本上是一个图像，但尺寸并不总是相同的，但我知道创建模态时的尺寸，所以如何指定模态的尺寸？

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

context是一个简单的对象与内侧（base64）的图像。

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

任何想法？ 感谢

Answer 1

this.modal.open(SnapshotCanvasModalComponent, overlayConfigFactory({ size: "lg"}, BSModalContext)); 

Answer 2

其添加到styles.css中的文件：

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

那么，你可以在你的模态的HTML内容定义的宽度，这将是你的模态的宽度。