よりも4倍も大きいが、カンニングペーパーますフレキシボックスは、私は、このフレキシボックスで探していますつのアイテムの他のアイテム
http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#wrapcolumn
ここでは例があります。
私が作りたいですbigitemはsmallitemよりも4倍大きく、2倍ではありませんが、どうやってそれを行うのか分かりませんか？私は2の代わりに4を使ってみましたが、うまくいきませんでした。
bigitemを4倍大きくしたいのですが、2倍ではありませんが、どのように行うのかわかりません。
このタスクにはflex-growを使用しないでください。 flex-basisを使用してください。
.bigitem { flex: 0 0 80%; } /* flex-grow, flex-shrink, flex-basis */
.smallitem { flex: 0 0 20%; }
flex-growプロパティは実際にフレックスアイテムのサイズを設定しません。コンテナ内に空き領域が分散されます。
だからflex: 4 0 0一つの項目に、およびその他のアイテムにflex: 1 0 0、以下を意味する：
あなたは、自由空間でのみ扱っているので、必ずしも意味するものではありません4 flex-grow 1対1つのアイテムは、他のサイズの4倍になります。これは、1つのアイテムが他のアイテムより4倍多くの空き領域を消費することを意味します。
また、比率が同じであるため、flex-growの値が8対2,16対4,20対5などと同じ結果が得られることを意味します。
は、詳細についてはこちらをご覧ください：
おかげさまで神様になりました。なぜなら、このたわごとはクレイジータウンだったからです –
私はフレックス試した：4 0 0; –
'flex：4;'は 'flex：4 0 0;'とは異なります。 'flex：4'は' flex：4 0 auto; 'の略語です。 – chazsolo
私もflex-growを試しました：bigitemのために4、それは動作しませんでした、私はGoogle Chromeでこれを試しています。 –