min-height不適用於引導模式窗口

Question

即使內容很小，我也嘗試創建一個具有完整高度的模式窗口。我將css min-height：100％設置爲.modal對話框，並嘗試了各種其他選項。但最小高度不適用於模態窗口。

我的要求是：

即使含量很小模式窗口應爲全屏

如果內容是巨大的模式窗口應該有一個滾動條，應包括所有的內容。

Answer 1

只有在物體位於具有已知高度的元素內時，纔可以使用高度100％。如果父母沒有身高，那麼瀏覽器沒有任何可引用的地方。純CSS

解決方案：

.my-div { 
position:fixed !important; 
position:absolute; 
top:0; 
right:0; 
bottom:0; 
left:0; 
} 

您可以在jQuery的功能，你打開的對話框中設置：

$('.my-div').css('height', window.innerHeight); 

Answer 2

試試這個

.modal-dialog { 
    width: 100%; 
    height: 100%; 
    padding: 0; 
} 

.modal-content { 
    min-height: 100%; 
    height:auto; 
    border-radius: 0; 
} 

How to make Twitter bootstrap modal full screen