Flexbox的 - 在IE

Question

元素的高度不正確在此的jsfiddle： http://jsfiddle.net/VCkLy/

當我們使用Chrome和調整窗口大小將視頻比其實際寬度的尺寸更小的「日誌」的項目箱始終保持連接到視頻的底部，而在IE它在視頻變得雖然當它的規模變得比其自然寬度較大遵循它 - 上面和下面的視頻兩條黑槓出現.. 反正刪除它們嗎？

如果我們將「display」設置爲block或inline-block，但由於項目的性質（這只是一個簡化的例子），我不能將顯示更改爲「flex」以外的任何內容。是否有任何CSS調整？

#content { 
    display: inline-block; 
    ... 
} 

如果可能的話，我也想避免增加JS，設置的高度 - 它工作正常在Chrome，Safari，Opera或Firefox的&（具有不同的視頻）剛剛獲得越野車在IE .. 謝謝你們！

Answer 1

好，我剛剛找到工作的CSS的解決方案，它看起來像後的視頻加載IE設置一個默認的最小高度原始視頻的高度，但如果我們在像素不同的值覆蓋它，什麼真正的小，讓我們說1px的 - 那麼它工作正常。

#video { 
    width: 100%; 
    height: auto;   
    min-height: 1px; 
}