2013-09-11 6 views
5

フレックスボックスのレイアウトをフレックスボックスの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のアップデートがありましたか?

私はこの件についてはほとんど分かりませんでしたので、どんな情報でも大いに役立つでしょう。ありがとうございました! :-)

+1

に秩序を切り替えてみてくださいことはあなたのIE10でhttp://flexiejs.com/playground/仕事をしていますか? – thirtydot

+0

はい、IE10で正常に動作しているようです!私はこれで遊ぶ必要があります、ありがとう! – shanling

+2

そのサイトを無視して、ブラウザが実際にそれをサポートしていない場合、flexbox *がどのように見えるかをエミュレートするためにJavaScriptを使用しているようです。これとそのデモを試してください:http://css-tricks.com/using-flexbox/さて、IEが実際にIE10モードになっていることを確認してください。開発ツール(F12)をチェックするか、 ''を 'head'の中に追加してください。 – thirtydot

答えて

1

これは推測のビットですが、

.uberflex { 

    display: -ms-flexbox; 
    -ms-flex-direction: column; 
    -ms-flex-pack: center; 
    -ms-flex-wrap: wrap; 

    display: -webkit-flex; 
    -webkit-flex-flow: column wrap; 
    -webkit-justify-content: flex-start; 
    -webkit-align-items: flex-start; 

    display: flex; 
    flex-direction: column; 
    flex-wrap: wrap; 
    justify-content: flex-start; 
    align-items: flex-start; 
} 
関連する問題