• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > CSS3+HTML5 >  ios8对flex部分不兼容问正文

ios8对flex部分不兼容问题

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-01-10 16:26
分享到:
今天我爱模板网在用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太暴力,采用了第二种方法。 (责任编辑:网页模板)
  • 本文标签:
  • ios8 flex
HTML5+调用第三方地图
IOS搜索框获取焦点键盘的换行键变成搜索键