首页 > 建站教程 > CSS3+HTML5 >  ios8的flex兼容性问题正文

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自动加前缀,避免不必要的错误。