display:box/flexbox/flex 先看這個定義彈性布局盒子 附上兼容圖 還是比較直觀對此屬性做兼容只需如下 定義子元素排列 目前有兩種新的寫法flex-direction和舊的寫法box-orient+box-direction, 新寫法 ...
彈性布局各種坑爹兼容 當然也看到過遇到flexbox布局的屬性將所有的新的老的前綴都加上的,這樣省事啊 誰閑着沒事整天研究那幾個屬性的兼容,更可況前端發展這么快說不定有更牛逼的樣式出現 但是想在移動端用好這個布局摸透這個屬性 我還是一個個都探究下吧,在此先說下各瀏覽器PC端最新版本情況目前:IE最新版本是ie , FF最新版本是ff . , Chrome最新版本是chrome . , Safir ...
2017-04-20 11:40 0 5262 推薦指數:
display:box/flexbox/flex 先看這個定義彈性布局盒子 附上兼容圖 還是比較直觀對此屬性做兼容只需如下 定義子元素排列 目前有兩種新的寫法flex-direction和舊的寫法box-orient+box-direction, 新寫法 ...
display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit- ...
淘寶初始化代碼 body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form ...
transform transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translat ...
...
; -webkit- ,針對safari,chrome瀏覽器的內核CSS寫法 -moz-,針對firefox瀏覽 ...
flex很早就出來了,但是由於兼容性很差,一直不火。 目前個人只在手機端中小心翼翼的使用flex,整理個模板出來,橫軸的! 模板css: .children{ height: 20px; border: 1px solid red; margin: 2px; } .parent ...