How to fix layout on flex-box in IE11?

Question

css

Every time I make an adaptive on flex, the explorer is the only one that breaks the layout when applying flex-direction: column. Are there any ways to fix this?

Answer 1

Are you using an autoprefixer with the correct settings?

Answer 2

https://getbootstrap.com/docs/4.0/layout/grid/
See how the columns are made here. Do the same with your styles, or take the whole grid.

Answer 3

If using flex-grow: 1 for horizontal/vertical stretch, make sure to set the appropriate width/height on the flex container. Otherwise, IE11 won't start.

Answer 4

More than half of the situations when colleagues turn the axis boiled down to simply not doing flex on the mobile. Suddenly, this is exactly the case here, there is little input data.