What it's supposed to do: scale and position the image relative to viewport.
What it actually does:
You will notice that it displays fine in Firefox (and Chrome, not shown), but in IE it doesn't scale properly (stretches the picture) and it also doesn't align it on the page (just sticks to the top).
I'm quite new to flexbox itself, and having tried adding/removing lines, haven't been able to get any different result in IE. Is this something with my code? Or is this a bug in IE? If so, is there a workaround?
Question
primexx
I jumped into flexbox after reading that IE11 fully supports it. But to my dismay I discovered that it in fact breaks for some reason.
See example: http://codepen.io/anon/pen/RNRmgx
What it's supposed to do: scale and position the image relative to viewport.
What it actually does:
You will notice that it displays fine in Firefox (and Chrome, not shown), but in IE it doesn't scale properly (stretches the picture) and it also doesn't align it on the page (just sticks to the top).
I'm quite new to flexbox itself, and having tried adding/removing lines, haven't been able to get any different result in IE. Is this something with my code? Or is this a bug in IE? If so, is there a workaround?
Thanks!
Link to comment
Share on other sites
4 answers to this question
Recommended Posts