坑:ios8.4系统下页面乱了

今天做公司的医生端项目,别的手机显示的页面都没有问题,唯独测试手里的一台iphone显示的页面混乱;
系统是ios8.4版本,别的手机显示的页面都是正确的,8.4系统的手机不论在微信里,还是在浏览器中,显示都是乱的。
一开始怀疑是接口的问题,所以一顿骚操作,屏蔽了各种接口,结果并不见效。所以怀疑是页面样式的问题,然后谷歌搜索到了ios8对flex的兼容性问题,觉得应该就是它了。
然后针对性的,对css文件中的display:flex做了兼容处理。。果然,bug消灭,

display:flex;
//兼容处理之后

display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

flex:1;
//兼容处理之后

-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;

具体原理我这里就不写了,网上可以搜索到,毕竟旧系统用的人也越来越少,以后相对应的兼容bug会越来越少的

猜你喜欢

转载自blog.csdn.net/love_your_life/article/details/80186405
8.4