0

対称グリッドがあります。出力タイプを 6 列の float に設定しました。私の目標は、順序付けられていないリストからリスト項目を表示することでした。この場合は画像で、ある種の画像ギャラリー ( gist ) に表示されます。

モバイル レイアウト:すべての画像が幅 100% で垂直方向に配置されます。

bp500px:各画像の幅は 3 列です - 適切に動作します。

bp750px:各画像の幅は 2 列です - レイアウトが崩れます。

float-span はリストの 2 番目の項目には適用されませんが、基本的に float-span(2) は項目番号 1 と 2 ごとに設定され、float-span(2,last) は 3 番目ごとに設定されますか?

または、組み合わせ $output: float と float-span は、対称グリッド環境でのその種の目標に対してすでに間違った選択ですか? 分離ミックスインを使用する方がよいでしょうか?

よろしくラルフ

4

1 に答える 1

1

これに関連付けられたコードがあればデバッグが容易になりますが、おそらくbp500pxli:nth-of-type(even)にはforのようなものがありますlast。単純な よりもセレクターの重みが高くli、メディアクエリのセレクターの重みが疑似セレクターよりも低いため、次のいずれかを行う必要があります。

  • bp750pxの:nth-of-type(even)セレクターを、必要なスパンで再呼び出しして取り消します _ Fencing bp500pxを使用する代わりに(min-width: 500px)(min-width: 500px) and (max-width: 749px)
于 2014-01-12T13:42:35.407 に答える