.ec-list { display: -webkit-box; display: -webkit-flex; display: flex; } .ec-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; }考虑到第一种不升级系统不给看APP太暴力,采用了第二种方法。
ios8对flex部分不兼容问题
今天我爱模板网在用mui做app时,客户反馈在iPhone 6上错位了。拿到手机一看,所有的与flex布局的都错位了,百度了下,发现iOS 8不支持flex,要写成-webkit-flex这种前缀才可以。看了下客户的手机,果然是IOS 8版本的系统。两种方法,第一:js判断手机操作系统版本,提示升级,否则不给看app,第二种,修改css代码,如下: