javascript - 在根据设备高度加载网站之前为 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