將寬度設置爲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內容定義的寬度，這將是你的模態的寬度。