FlexBox で横並びリストを作った時に以下のようにアイテムが潰れて、しばらく手こずってたメモ
解決方法
flex-shrink が原因
0 を指定すれば潰れなくなる
flex-shrink
アイテムの縮小度を設定するプロパティ
アイテムの寸法がコンテナより大きい場合このプロパティに従って縮小される
サンプル
See the Pen flex-shrink by cano (@canoypa) on CodePen.
↧
FlexBox でスクロールさせたいアイテムが潰れちゃうやつ
↧