css - 全幅 CSS を 3 つに分割して応答する

Question

レスポンシブ Web サイトを構築するために、Skeleton CSS Boilerplate などのグリッド システムを使用したいと考えています。幅が 960 または w/e ピクセルのボイラープレートが他にもたくさんあることは知っています。

しかし、3 x 3 列に分割されたレスポンシブな全幅ページが必要です。列ごとに 33.33% の幅と 33.33% の高さのように (全体で 9 div)。私はテーブルを使用しましたが、むしろ使用しません。

3 x 3 列の全幅レスポンシブ Web サイトを作成するためのベスト プラクティスは何ですか?

Answer 1

グリッドパックを試す

必要な列の数を指定し、ブレークポイントを追加して、異なるウィンドウ ディメンションでグリッドを完全に変更することができます。

Answer 2

CSS3 列を試すこともできます。