關於flex佈局在IE瀏覽器上的坑

最近在項目中,鍾情於flex佈局來搭架子,感覺確實是挺方便的,但是今天遇到一個挺玄幻的問題,flex-direction 屬性在IE中執行力並不好,

代碼就不貼出來了,畢竟是公司財產,

情景:並排的表格,在瀏覽器尺寸改變時,變更排列方式,結果在方法執行的時候,元素表格消失了,是的,消失了!!!

找到最後,發現是flex-direction: colum這個屬性不能夠執行,

經過百度,發現是因爲flex: 1 在IE中解析出的是1 1 0 ,並不是1 1 auto,

所以把元素的flex: 1 更改爲flex-grow: 1 就可以啦

具體請參照這裏這裏這裏

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章