Angular UI bootstrap模式全屏

Question

嗨我有自定义尺寸的模态：

var dialog = modal.open({
                    template: content,
                    size: size,
                    
                    controller:'someController'
                    controllerAs: 'dialog'
                });

.modal-custom-lg {
    width:90%;
    max-width:1200px;
      height:100%;

}

宽度工作正常，但高度不起作用。我想让我的模态全屏。任何人都可以建议我如何使我的模态全屏？

Answer 1

.modal-custom-lg .modal-dialog {
    width: 100%;
    height: 100%;
}

.modal-custom-lg .modal-content {
    width: 100%;
    height: 100%;
}

Answer 2

所以我必须调整模态对话框和模态内容以及模态大小

.modal-custom-lg .modal-dialog {
  
    width: 100%;
    height: 100vh;
    
}

.modal-custom-lg .modal-content {
  
    width: 100%;
   
    height: 100vh;
 
}