最近在專案中,鐘情于flex布局來搭架子,感覺確實是挺方便的,但是今天遇到一個挺玄幻的問題,flex-direction 屬性在IE中執行力并不好,
代碼就不貼出來了,畢竟是公司財產,
情景:并排的表格,在瀏覽器尺寸改變時,變更排列方式,結果在方法執行的時候,元素表格消失了,是的,消失了!!!
找到最后,發現是flex-direction: colum這個屬性不能夠執行,
經過百度,發現是因為flex: 1 在IE中決議出的是1 1 0 ,并不是1 1 auto,
所以把元素的flex: 1 更改為flex-grow: 1 就可以啦
具體請參照這里這里這里
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/1466.html
標籤:其他
