Milligram: IE11ではグリッドが壊れています

作成日 2016年03月23日  ·  5コメント  ·  ソース: milligram/milligram

デモでは、グリッドアイテムが互いに折りたたまれます。 これはIE11でのみ表示されます。
また、ドキュメントにはサポートされているブラウザの完全なリストはありません。

bug

最も参考になるコメント

.row .columnflex: 1;からflex: 1 1 auto;

より良く動作し、すべてのブラウザで動作します。 IE11を含みます。

全てのコメント5件

こんにちは@davedeleお使いの OS のバージョンが

ねえ@cjpatoilo 、お返事ありがとう

Windows7でIE11を使用しています
untitled-3

ちょっと@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 .columnflex: 1;からflex: 1 1 auto;

より良く動作し、すべてのブラウザで動作します。 IE11を含みます。

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

mikeriley131 picture mikeriley131  ·  8コメント

PurpleBabar picture PurpleBabar  ·  6コメント

enkota picture enkota  ·  6コメント

mterron picture mterron  ·  6コメント

equinusocio picture equinusocio  ·  14コメント