如何通过bootstrap或@ media-query制作流体高度？

Question

我使用bootstrap作为流体网格系统。

我有一个div类。span6我为此设置了heigth:200px。

现在我想要当窗口重新调整div的高度减小时，就像宽度一样。

http://jsfiddle.net/prince4prodigy/X8zu8/

<div class="container-fluid">
    <div class="row-fluid">

        <div class="span6"></div>

        <div class="span3"></div>

        <div class="span3"></div>

    </div>
</div>

Answer 1

这取决于div中的内容以及网站的设计方式......

如果您只想缩小尺寸而不是通过JS制作，或者开始绝对定位元素。

如果网站被设计为窗口的100％高度，则可以使元素成为绝对元素，并且很容易。

但如果网站不是100％的窗口高度，那么唯一的解决方案是通过javscript。

Answer 2

我不明白为什么要使用JS。在窗口重新调整大小时，我可能更喜欢div的媒体查询。