IE10でフレックスシュリンク

Question

私は画像と別のブロックがあるブロックを持っています。

親ブロックにはdisplay:flexがあり、画像と子ブロックを行にします。

子ブロックもdisplay:flexですが、段落と見出しからなる列を形成します。

http://codepen.io/anon/pen/qNmYRq

.summary__testimonial{ 
    display: -ms-flexbox; 
    display: flex; 
    padding-bottom: 120px; 
    padding-top: 35px; 
    max-width: 100%; 
} 

.summary__testimonial-right{ 
    display: -ms-flexbox; 
    display: flex; 
    -ms-flex-direction:column; 
    flex-direction:column; 
    box-sizing: border-box; 
    max-width: 100%; 
    -ms-flex-negative:1; 
    flex-shrink:1; 
    -ms-flex-pack:center; 
    justify-content:center; 
    width: auto; 
} 

問題は、テキストの段落は、私が 1と 0に flex-shrink値を変更し、 max-width:100%、 width:auto、 box-sizing:border-boxを設定しようとした

IE 10に両親をオーバーフローしていることです。

まだ

それをいずれかのオーバーフロー、または、それがIE 10と同じに見えるようにする方法はありますが

IE 10で開く場合はおそらく、codepenで見るもの、単一の行を、となり通常のブラウザでは？

Answer 1

Internet Explorer 10は、older version of flexbox (2012)を使用して構築されています。

このバージョンではflex-shrinkが提供されていません。このプロパティは当時存在しませんでした。

Flexbox IE10 Property Indexを参照してください。

最も近い値は-ms-flexプロパティで、「負の柔軟性」（reference）になります。

また、この回答を参照してください。flex-shrinkのhttps://stackoverflow.com/a/35137869/3597276

Answer 2

IE10当量は例えば-ms-flex-negative

で、

-ms-flex-negative: 0;