ie10 flexbox conundrum：a cross-browser enigma

は、ie10のflexboxの謎めいた行動に不満を抱いていますか？それはあなただけではありません。最新のブラウザでの採用が広く採用されているにもかかわらず、IE10でのFlexBoxのサポートは、

の時点での古典的なケースは、フォームレイアウトの問題です。 &&&]

display：flex; flex-direction：row;

}

display: flex;
flex-direction: row;

。flexbox form input [type = submit] {

wid：31px;

}

width: 31px;

[

。flexbox form input [type = text] {

width：auto; Flex：auto 1;

display: flex;
flex-direction: row;

} `

理論的には、このレイアウトは入力型="送信 "31pxの固定幅、入力型="テキストは「残りのスペースをシームレスに埋めます。ただし、IE10では、入力型= "TEXT"は頑固にデフォルトで263pxの困惑する幅になります。特定の機能がない仕様の中間バージョンをサポートします。残念ながら、これらの不足している機能は、レイアウトが予想どおりに動作するのを防ぎます。 -ms -flexなどの特定のCSSプレフィックスにPolyFill：

Flexboxieのようなポリフィルは、IEでFlexBox機能をエミュレートできます。

IEの将来のバージョンがもっと紹介するかもしれないので、ブラウザの更新にご期待ください堅牢なフレックスボックスサポート。それまでは、これらの戦術は、IE10のFlexBoxであるクロスブラウザーエニグマをナビゲートするのに役立ちます。

。