首页 > 建站教程 > CSS3+HTML5 >  ios8对flex部分不兼容问题正文

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太暴力,采用了第二种方法。