角UI自举模式全屏

您好我有模式自定义大小：角UI自举模式全屏

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

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

 
}

宽度工作正常，但高度不能正常工作。我正在尝试使我的模式全屏。任何人都可以建议我如何让我的模态全屏？

来源

2017-09-26 depcka

你尝试100vh？ –

是的，我尝试过，但它没有工作 – depcka

最小高度：100vh！重要的;这对我很有用 –

.modal定制-LG .modal-对话{

width: 100%; 
height: 100%;

}

.modal-custom-lg .modal-内容{

width: 100%; 

height: 100%;

}

来源

2017-09-27 01:40:10

是的100％也有效 – depcka

所以我要调整模式，对话和模式，内容，以及不只是峰尺寸

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

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

来源

2017-09-26 19:23:09 depcka

使用100vh的高度时要小心，它可能会超过ios safari的视口。 –

角UI自举模式全屏

回答

相关问题