上代码： 这个是针对父元素： 父元素设为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 ...