Menu
My flex container:
.back_pattern {
display: flex;
display: -ms-flexbox;
-ms-flex-pack: center;
flex-direction: column;
align-content: center;
justify-content: center;
min-height: 100vh;
width: 100%;
}
On other browsers everything works.
ie11 : http://take.ms/68dHo ;
chrome : http://take.ms/JhcEH
What's problem?
907
Note also that Internet Explorer 11 supports the modern display: flex specification however it has a number of bugs in the implementation.
If you are using flexbox and want the content to wrap, you must specify flex-wrap: wrap . By default flex items don't wrap. To have the images be three-across, you should specify flex-basis: 33.33333% .
Am afraid this question has been answered a few times, Pls take a look at the following if it's related
36
Internet Explorer doesn't fully support Flexbox due to:
Partial support is due to large amount of bugs present (see known issues).
Screenshot and infos taken from caniuse.com
Internet Explorer before 10 doesn't support Flexbox, while IE 11 only supports the 2012 syntax.
display: flex and flex-direction: column will not properly calculate their flexed childrens' sizes if the container has min-height but no explicit height property. See bug.flex is 0 0 auto rather than 0 1 auto as defined in the latest spec.min-height is used. See bug.Flexbugs is a community-curated list of Flexbox issues and cross-browser workarounds for them. Here's a list of all the bugs with a workaround available and the browsers that affect.
align-items: center overflow their containermin-height on a flex container won't apply to its flex itemsflex shorthand declarations with unitless flex-basis values are ignoredflex items don't always preserve intrinsic aspect ratiosflex-basis doesn't account for box-sizing: border-boxflex-basis doesn't support calc()align-items: baseline doesn't work with nested flex containersflex-flow: column wrap do not contain their itemsmargin: auto on the cross axisflex-basis cannot be animatedmax-width is used
105
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
