在IE11上的flex-box中，max-width無法正常工作

Question

在IE11中，如果為flex-box定義寬度，而子img元素的max-width為100％，則不會考慮max-width 。 有人找到了解決方案嗎？

這適用於IE10，Chrome和Firefox，但IE11中斷：
http://jsfiddle.net/3ky60heq/

 .container { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 500px; height: 125px; } .image1 { width: 100%; } .image2, .image3 { max-width: 100%; } 

 <div class='container'> <img class='image1' src="https://clagnut.com/sandbox/imagetests/wideimg.png"> </div> <div class='container'> <img class='image2' src="https://clagnut.com/sandbox/imagetests/wideimg.png"> </div> <div class='container'> <img class='image3' src="https://clagnut.com/sandbox/imagetests/smimg1.jpg"> </div> 

我知道之前已經問過這個問題並且有很多不同的答案，但是我在StackOverflow或其他地方找到的每個解決方案都有效地強制圖像的寬度為100％或者在其他瀏覽器上中斷。

Answer 1

我想我已經弄清楚了。 如果我在圖像上設置此樣式：

flex-shrink: 0;

然后它似乎全面工作。
http://jsfiddle.net/qgybon8q/2/