javascript - 在网站加载之前根据设备高度设置 div 的最小高度的问题

Question

这应该是最简单的 CSS 问题。但我找不到解决这个问题的方法..

我有一个主 div，其最小高度为特定值。我已经在 % 中给出了最小高度，因此没有外部 div，它不会显示 min-height。如果我以 px 给出 min - height ，它就会显示出来。

但我试图让最小高度为窗口高度的 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