flexbox ie対応 ベンダープレフィクス集
フロントのコーディングをしている際に、一番面倒なのはie対応ですよね。
ある要素を横並びにするときに、floatだとclearfixつけないといけないし、gridだとie10には(たぶん)対応できないし。。
そんなとき重宝するのがFlexboxですね!(僕の場合、毎度ie10以上対応なので。)
ただ、ie10に対応するとなるとベンダープレフィクスをつけなくちゃいけない。
単にmsってつけるだけなら楽なんですけど、プロパティ名が違ったりいちいち覚えてられないのでメモしておきたいと思います。
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: center;
-ms-flex-pack: center;
align-self: center;
-ms-flex-item-align: center;
align-self: flex-end;
-ms-flex-item-align: end;
flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
間違えてる部分があった場合、ご指摘いただけるとありがたいです。
今までこれでie対応は乗り切ってきたので大丈夫だとは思いますが、、、
他にもコレクションが増えたら随時更新していきたいと思います!
Author And Source
この問題について(flexbox ie対応 ベンダープレフィクス集), 我々は、より多くの情報をここで見つけました https://qiita.com/Wacci6/items/c135c228e9c450515173著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .