css3 flex属性 兼容性问题

本文主要是介绍css3 flex属性 兼容性问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

最近在负责前端React项目开发，因为之前写RN的时候都是熟练使用Flex弹性盒子模型，转到React项目时自然地就直接用这个属性了。漏考虑了兼容性，待到测试同学拿着装ios8系统的iphone6手机测试的时候，那界面就全乱套了，我立马想到了 不兼容性，各种查询找到了针对移动端的解决方案（一般mobile的浏览器内核都要高一些）
因为iphone使用的也是webkit内核，解决方案如下：

   display: flex;display: -webkit-flex; //适配低版本写法flex-direction: column;-webkit-flex-direction: column;//适配低版本写法类似其他属性 都加下-webkit-xxx ...flex:1;-webkit-box-flex: 1;-webkit-flex: 1;

这篇关于css3 flex属性 兼容性问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---