ios8对flex部分不兼容问题

今天我爱模板网在用mui做app时，客户反馈在iPhone 6上错位了。拿到手机一看，所有的与flex布局的都错位了，百度了下，发现iOS 8不支持flex，要写成-webkit-flex这种前缀才可以。看了下客户的手机，果然是IOS 8版本的系统。两种方法，第一：js判断手机操作系统版本，提示升级，否则不给看app，第二种，修改css代码，如下：

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

考虑到第一种不升级系统不给看APP太暴力，采用了第二种方法。

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