multiline-flexbox in IE11 calculating widths incorrectly?

前端 未结 4 683
粉色の甜心
粉色の甜心 2020-12-05 06:44

Seems IE11 doesn\'t calculate flex item widths properly if flex-wrap: wrap is used.

See http://jsfiddle.net/MartijnR/WRn9r/6/

The 4 boxes each h

4条回答
  •  一个人的身影
    2020-12-05 07:22

    This is clearly an IE bug so leave the original [correct] CSS and append a hack that targets IE10+:

    /* IE10+ flex fix: */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .box {
            flex: 0;
            min-width: 50%;
        }
    }
    

    http://jsfiddle.net/stedman/t1y8xp2p/

提交回复
热议问题