Как сделать высоту флюида с помощью начальной загрузки или @media-query?

Question

Я использую начальную загрузку для системы жидкостной сетки.

у меня есть 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

Я не понимаю, почему использовать JS. При изменении размеров окна я бы предпочел медиазапросы для div.

Answer 2

Это зависит от того, что будет в divs и как сайт разработан...

Если вы просто хотите уменьшить размер, то вам нужно сделать это с помощью JS или начать позиционирование элементов абсолютно.

Если сайт рассчитан на 100% высоты окна, вы можете сделать элементы абсолютными, и это будет легко.

Но если сайт не на 100% высоты окна, единственное решение - через JavaScript.