2

12列のグリッドに2つの要素を持つ行があるとしましょう:

<div class="row">
    <div class="three columns">part 1</div>
    <div class="nine columns">part 2</div>
</div>

通常は横に並べて表示されます。お気に入り:

part1      part2

ただし、画面が XXX より小さい場合は、2 行あるように表示されます...

part1
part2

ザーブファンデーションはそれができますか?または他のフレームワーク?

編集:ブレークポイント (XXX) の値を自分で指定したいと思います。デフォルトの動作に依存するだけではありません。

4

1 に答える 1

1

ブレークポイントを変更したい場合は、ここで概説されているブレークポイントを変更する必要があります: http://foundation.zurb.com/docs/media-queries.php

/* Medium screens */
@media only screen and (max-width: 1279px) and (min-width: 768px) { ... }

/* Small screens */
@media only screen and (max-width: 767px) { ... }
于 2012-11-02T12:44:20.590 に答える