css - 如何通过 Bootstrap 或@media-query 设置流体高度？

Question

我对流体网格系统使用 Bootstrap 。

我有一个类为 .span6 的 div，我为此设置了 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。