デモでは、グリッドアイテムが互いに折りたたまれます。 これはIE11でのみ表示されます。
また、ドキュメントにはサポートされているブラウザの完全なリストはありません。
こんにちは@davedeleお使いの OS のバージョンが
ねえ@cjpatoilo 、お返事ありがとう
Windows7でIE11を使用しています
ちょっと@davedeleIEの場合、バグが大量にあるため、部分的にサポートされています(
解決策を見つけたら、私に連絡してください。 この問題を報告していただきありがとうございます。
@cjpatoiloに感謝します
私は少し js を使用して UserAgent http://rog.ie/blog/html5-boilerplate-addonを見つけます
次に、新しいメディアクエリを追加します。
<strong i="10">@media</strong> screen and (max-width: 40em) {
html[data-useragent*='rv:11.0'] .row .column {
flex: none;
}
}
IEで問題となっているのは、クラス「.row.column」の「 flex:1 」です。
.row .column
をflex: 1;
からflex: 1 1 auto;
より良く動作し、すべてのブラウザで動作します。 IE11を含みます。
最も参考になるコメント
.row .column
をflex: 1;
からflex: 1 1 auto;
より良く動作し、すべてのブラウザで動作します。 IE11を含みます。