角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自舉模式全屏

回答

相關問題