根據設備高度設置網站負載之前div的最小高度問題

Question

這必須是最簡單的css問題。但我無法找到這個問題的解決方案..

我有一個主要的div有一定的價值最小高度。我已經給出了%中的最小高度，所以沒有外部div，它不會顯示min-height。如果我在px中給出最小高度，它將顯示出來。

但我試圖讓最小高度爲窗口高度的50％，它可以在每個設備中有所不同，所以在px中給出高度不是我的選擇......如果我給jquery.css()函數，並且保持document.ready()功能，當頁面開始加載，這將有零高度，它會回落到伊夫指定，這並不期待在網站上合適的高度..

案例1：http://jsfiddle.net/pT56y/

FIDDLE實例

情況2：http://jsfiddle.net/pT56y/2/ 有沒有適當的方法來處理這個問題？

Answer 1

爲了使用百分比高度，父必須有一組高度（在像素或％）：

body,html{ 
    height: 100%; 
} 
.container-fluid{ 
    background:#000000; 
    width:100px; 
    min-height:50%;  
} 

Fiddle