ios8的flex兼容性问题

    flex布局在IOS8表现的一塌糊涂，原因是没有加前缀（私有属性）。而我爱模板网所做的这个APP，已经写了太多的flex了，一个一个替换太麻烦。之前遇到过一次，叫客户把他手机拿来，我帮他升级到了IOS9，解决了。这次不能这么干了，客户太多了...

    我爱模板网写的flex代码如下：

.ec-list{
    display: flex;
}
.ec-item{
    flex:1;
}

    加了前缀（私有属性）的代码：

.ec-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.ec-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

    建议使用postcss的autoprefixer自动加前缀，避免不必要的错误。

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！