なぜレスポンシブなウェブデザイン12の列グリッドですか？

レスポンシブウェブデザイン12列グリッドはなぜですか？マジックナンバーを2、3、4、6で割っているか、それとも他のロジックがあるからですか？なぜレスポンシブなウェブデザイン12の列グリッドですか？

出典

2016-05-24 Prateek Agarwal

私はそれが解決策を必要とする問題を提示していないため、オフトピックとして、この質問を閉じるために投票しています。 – Shaggy

レスポンシブデザインは、特定のサイズの特定のグリッドとは関係ありません。レスポンシブなデザインは、クライアントのさまざまな解像度とサイズに適応できることです。 –

12列のグリッドである必要はありません。レスポンシブなWebデザインは、ページ内の要素が異なる表示解像度に適応するという事実に基づいています。あなたが好きなら、2列のグリッドを持つことができます。 –

それは魔法1で割り切れる数、2、3、4、および6

出典

2016-05-24 08:15:25

事実1それまではdevisible番号の12 column grid作品はそれが人気となった最大の理由であるだからです。

を使用すると、25％の幅をしたいと言う：最初は、あなたのCSSに12個のルールを尋ねながら

col-md-4 col-md-25

対2番目のオプションは、あなたのCSSに100の幅のルールを作るためにあなたを必要とします。唯一の幅オプションであればそれほど悪くはありませんが、列に100のルールを必要としません。これにより、ファイルサイズと保守性が向上します。

12 column gridは、一般的なフレームワークのほんの一部にすぎません。新しいZurb Foundation frameworkには、選択した水平要素でグリッドレイアウトを変更するオプションがあります。いくつかの変数を変更することで簡単にSASSの実装を変更できるので、Bootstrapは新しいTWBS4フレームワークでもそのオプションを提供すると確信していますが、わかりません。

http://foundation.zurb.com/sites/docs/grid.html#sass-reference

出典

2016-05-24 08:38:39 Randy

なぜレスポンシブなウェブデザイン12の列グリッドですか？

答えて

関連する問題