display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex ...
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 ...
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 ...
...
經常會用到原生JS來寫前端。。。但是原生JS的一些方法在適應各個瀏覽器的時候寫法有的也不怎么一樣的。。。 今天下班有點累。。。 就來總結一下簡單的東西吧…… 備注:一下的方法都是包裹在一個EventUtil對象里面的,直接采用對象字面量定義方法了。。。 ①添加事件方法 ...