display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex ...
安卓和iOS瀏覽器都是webkit內核,包括變態UC瀏覽器,對flex支持並不好,但卻都支持古老的display:webkit box 所以在這種情況下,要使用box布局。所以移動端的一定要加瀏覽器前綴 .flex display:box display: webkit box display: moz box display: ms flexbox display: webkit flex di ...
2020-09-27 15:17 2 399 推薦指數:
display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex ...
一般放在common.css中: ...
https://blog.csdn.net/cddcj/article/details/52131089 display:box; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox ...
flex很早就出來了,但是由於兼容性很差,一直不火。 目前個人只在手機端中小心翼翼的使用flex,整理個模板出來,橫軸的! 模板css: .children{ height: 20px; border: 1px solid red; margin: 2px; } .parent ...
很久之前用過flex,但是沒有考慮過兼容性問題,為了兼容ios一定要加上-webkit前綴: ul{ display: flex; /* 新版本語法: Opera 12.1, Firefox 22+ */ display: -webkit-flex ...
...
隨着自己寫過的頁面的增多,也遇到了很多CSS兼容性的問題。這些兼容性問題,都是必然的,因為技術在不斷進步,不斷革新,所謂,“后浪推前浪,前浪拍死在沙灘上”,當然我們的技術不能是被拍死在沙灘上,我們還要支持,不支持的話,只能是你這個頁面,這個產品被淘汰。 那么為了不被淘汰,我們就要做些兼容性處理 ...