IE 10 Browser Compatibility

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zhuchuji/article/details/81027621

Flexbox

IE 10 only support flexbox the 2012 syntax and flexbox properties must be prefixed with -ms. Therefore, flex properties should be transformed to:

/* Equal to display: flex */
display: -ms-flexbox;
/* The seperated properties flex-grow, flex-shrink and flex-basis are not supportted. You must set the conbined `flex` property */
-ms-flex: 1 1 auto;
/* Equal to the property `justify-content`. Valid values are: `start`, `end`, `center`, `justify` and `distribute` */
-ms-flex-pack: justify;