際際滷

際際滷Share a Scribd company logo
CSS の
Flexible Box Layout が
ヤバい
2013/09/10(諮) html5nagoya#7
<!-- ここから弖 -->
弖
? 書晩そうとしたネタが、_にまとまって
いる┗照 9/10 原けのブログ並を
つけてしまいました???
? flexboxの症碧、個協碧、F佩碧の匯
Ehttp://tech.naver.jp/blog/?p=2479
? こっちた圭が蛍かりやすくて措いと房いま
すので、Wはヤバいってことだけ冱います
<!-- ここまで弖 -->
スマ`トフォンで
よくあるやつ
スマ`トフォンで
よくあるやつ
ここは嫌耕協にしたい ここも嫌耕協にしたい
スマ`トフォンで
よくあるやつ
スマ`トフォンで
よくあるやつ
ここは阜sしてほしい
Flexible Box Layout
? http://www.w3.org/TR/css3-flexbox/
ヤバい
採がヤバいって
採がヤバいって
その碧の
籖wっぷりがヤバい
2009定ごろ
2009定ごろ
? 翌箸厘殆に display: box;
? 坪箸厘殆に box-flex: 1; など
? 兜豚のスマ`トフォンサイトなんかは
これがかれてることが謹い
2011定ごろ
2011定ごろ
? 翌箸厘殆に display: flexbox;
? 坪箸厘殆に box-flex: 1; など
2012定ごろ
2012定ごろ
? 翌箸厘殆に display: flex;
? 坪箸厘殆は峺協しなくていいよ`
Flexible Box Layout
? 3、3嶽窃ある???ッ
Flexible Box Layout
? しに畠何やってみた
? http://codepen.io/girigiribauer/
pen/BdAeC
? ベンダ`プレフィックスとかは{べ
るの中宜くさかったので畠何秘り
? 匯宥りに鬉靴き圭とか
伽くて深えたくない
display: table;
? この箭なら display: table; で
いいじゃない
? table タグ聞わずに、テ`ブルレイア
ウトrowspanとかは鬉靴討覆ぃ
? IE8から聞える
display: table;
display: table;
まとめ
まとめ
? Qまりきっていない碧を聞うのは
伽い中もあることを個めてJRした
まとめ
? Qまりきっていない碧を聞うのは
伽い中もあることを個めてJRした
? display: table はけっこう聞える
まとめ
? Qまりきっていない碧を聞うのは
伽い中もあることを個めてJRした
? display: table はけっこう聞える
? しにcodepen聞ってみたけど
スマ`トフォンでcodepenは
聞いづらい
┘好ロ`ル竃栖ない???

More Related Content

CSS の Flexible Box Layout がヤバい