5

フレックスボックスのレイアウトをIE10と互換性を持たせようとしています.IE10は、私の知る限り、フレックスボックスの2012年3月のドラフトを使用しています。私はすべての奇妙な構文とそのバリエーションをすべて試しましたが、役に立ちませんでした。Parallels にインストールした IE10 (私は Mac を使用しています) はバージョン10.0.9200.16660です。IE10 フレックスボックス スタイルを使用する必要がありますか?

これが私のコードです：

.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で使用されるもの）を付けずに、これらの用語のすべてのバリエーションのように見えるものを試しましたが、役に立ちませんでした。私の IE コンソールが存在を教えてくれるクラスの唯一のプロパティは、「display: -ms-flexbox」ビットです。私は非常に遅いですか、それともIE10の間違ったドラフトを使用していますか?? フレックスボックスが機能しなくなる IE10 の更新はありましたか?

この件についてはほとんど見つけることができなかったので、どんな情報でも非常に役に立ちます。ありがとうございました！:-)

4

1 に答える 1

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;
}
于 2014-05-12T16:08:55.410 に答える