关于华为手机兼容flex的设置问题
2020-04-20 本文已影响0人
觉上云来
1：因为华为自带浏览器的内核问题，对于flex的使用支持非常有限，所以使用flex,有时候即使添加了-webkit前缀也是无效的；
display: flex;写法
span {
display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
}
justify-content: center
span {
-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;
}
align-items: center
span {
-webkit-box-align:center;-ms-flex-align:center;align-items:center;
}
flex: 1
span {
-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;width:0%;
}
注意：给flex添加前缀并不是万能的，其原因是不能用行内元素，要改成block才能更好的支持flex，当元素使用flex:1时，要增加width:0%; 且不能使用margin:0 auto;
