1

グリッド要素があるとしましょう:

<div class="row">
  <div class="span4">...</div>
  <div class="span5">...</div>
</div>

水平に配置された div

通常のデスクトップ画面.span4に.span5いて、水平に配置されている場合。ただし、画面が小さい場合、電話としましょう。両方の div が「垂直に」積み上げられます。

水平に配置された div

これは本当に素晴らしいことですが、特定の div でこれが起こらないようにしたいと考えています。水平レイアウトを維持するのに十分なスペースがあります。

注: 応答しない独自の .span (.myspan2、myspan4、...) を作成する可能性は常にありますが、それ に対する怠惰な解決策はありますか? プロジェクト全体の 1 つの要素に 8 行のコードを追加したくありません。

4

1 に答える 1

0

div の特定の解像度にメディア クエリを記述して、レイアウトを調整できます。お気に入り

    /* Large desktop */
@media (min-width: 1200px) { write your styles here  }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { write your styles here  }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { write your styles here  }

/* Landscape phones and down */
@media (max-width: 480px) { write your styles here  }
于 2013-03-01T17:29:15.717 に答える