ビューポートが特定の幅を下回ると、同じ幅の4列が、同じ幅の3列にドロップし、さらに指定されたビューポート幅で同じ幅の2列にドロップする、単純な流動的なレイアウトを作成したいと思います。列が落ちると、次の行にドロップするため、元の列の下に表示されます。
これを達成する方法についてのポインタや色付きのdivを使った簡単なフィドルが最も役立ちます!
ありがとうデヴィン
CSSで列(div)の幅を設定できますが、ウィンドウが特定の幅のときに3列または2列に切り替わる部分を実行するには、JavaScriptが必要になります。CSSだけでは、そのようなロジックは組み込まれていません。
この聖書のサンプルをチェックしてください
喜んで可能であれば、cssの列数で新しい標準がどのように進歩するかを確認してください:http: //1plusdesign.com/articles/the-future-of-newspaper-column-style-layout-with-css-3/
与えられたすべての有用なポインタに感謝します。これがどのように達成できるかを説明する簡単なフィドルです:jsfiddle.net/Paulie_D/QFhh9