最近在項目中,鍾情於flex佈局來搭架子,感覺確實是挺方便的,但是今天遇到一個挺玄幻的問題,flex-direction 屬性在IE中執行力並不好,
代碼就不貼出來了,畢竟是公司財產,
情景:並排的表格,在瀏覽器尺寸改變時,變更排列方式,結果在方法執行的時候,元素表格消失了,是的,消失了!!!
找到最後,發現是flex-direction: colum這個屬性不能夠執行,
經過百度,發現是因爲flex: 1 在IE中解析出的是1 1 0 ,並不是1 1 auto,
所以把元素的flex: 1 更改爲flex-grow: 1 就可以啦
具體請參照這裏這裏這裏