フレックスボックスのレイアウトをフレックスボックスのMarch 2012 draftを使用しているIE10と互換性を持たせようとしています。私はすべての恐ろしい構文とそのすべての変形を試しましたが、役に立たないものです。私がParallelsにインストールしたIE10(Mac上)はバージョン10.0.9200.16660です。これはIE10フレックスボックスを使用する必要がありますか?IE10とflexboxの問題 - 2012年3月ドラフトが機能しませんか?
は、ここに私のコードです:
.uberflex {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: -webkit-flex;
-webkit-flex-flow: column wrap;
-webkit-justify-content: flex-start;
-webkit-align-items: flex-start;
display: -ms-flexbox;
-ms-flex-direction: column;
-ms-flex-pack: center;
-ms-flex-wrap: wrap;
}
私は「-ms-」接頭辞をし、「-ms-」プレフィックス(彼らはIE11で使用するもの)を使用せずにこれらの用語のすべてのvaritionのように思えるものを試してみましたしかし役に立たない。私のIEコンソールに存在するクラスの唯一のプロパティは、"display:-ms-flexbox"ビットです。私は非常に、非常に遅いか、私はIE10の間違ったドラフトを使用していますか?フレックスボックスが機能しないIE10のアップデートがありましたか?
私はこの件についてはほとんど分かりませんでしたので、どんな情報でも大いに役立つでしょう。ありがとうございました! :-)
に秩序を切り替えてみてくださいことはあなたのIE10でhttp://flexiejs.com/playground/仕事をしていますか? – thirtydot
はい、IE10で正常に動作しているようです!私はこれで遊ぶ必要があります、ありがとう! – shanling
そのサイトを無視して、ブラウザが実際にそれをサポートしていない場合、flexbox *がどのように見えるかをエミュレートするためにJavaScriptを使用しているようです。これとそのデモを試してください:http://css-tricks.com/using-flexbox/さて、IEが実際にIE10モードになっていることを確認してください。開発ツール(F12)をチェックするか、 ''を 'head'の中に追加してください。 – thirtydot