如何让我的 AngularJS/bootstrap 模式占据全屏？

问：

我们正在开发一个 AngularJS 应用程序，其中我们有一个模式，我们打开它，如下所示：

$modal.open({
    templateUrl: 'template/modal/calcMeasurementConfig.html',
    controller: 'app.calcMeasurementConfig',
    keyboard: false,
    windowClass: 'xxl',
    backdrop: 'static',
    resolve: {
        ...
    }
});

我们使用 bootstrap 类来确定模态的大小。从上面的代码片段中可以看出，我使用 .我想增加尺寸以占据整个屏幕（或接近屏幕）。但 xxl 似乎是最大的尺寸。windowClass: 'xxl'

我试图通过创建自己的类来覆盖它，如下所示：

.fullscreen {
   width: 100vw !important;
   min-width: 100vw !important;
}

和设置 ，当我在开发工具中检查模态时，我确实看到了全屏类：windowClass: 'fullscreen'

...但是模态比以前小了。

有没有办法让模态占据整个屏幕大小？谢谢！