上代碼： 這個是針對父元素： 父元素設為display:flex;沒有問題，但子元素flex:1這種標注在safari中不能用！ 子元素使用的話只能設為flex:auto，如果想實現flex:1這種效果，請用： 這三個拆分的元素 ...

display: -webkit-box; display: -webkit-flex; -webkit-box-pack: justify; -webkit-box-align: center; -webkit-justify-content: space-between; ...

.box{ /* display */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display: box ...

一般放在common.css中： ...

安卓和iOS瀏覽器都是webkit內核，包括變態UC瀏覽器，對flex支持並不好，但卻都支持古老的display：webkit-box；所以在這種情況下，要使用box布局。所以移動端的一定要加瀏覽器前綴！！ .flex{ display:box; display ...

部分手機flex布局下對justify-content: space-evenly;屬性兼容性不夠好， 　　 ...

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 ...