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

ios8的flex兼容性问题

作者:网页模板
类型:文章教程
点击次数:
发布时间:2018-11-01 11:07
分享到:
    flex布局在IOS8表现的一塌糊涂,原因是没有加前缀(私有属性)。而我爱模板网所做的这个APP,已经写了太多的flex了,一个一个替换太麻烦。之前遇到过一次,叫客户把他手机拿来,我帮他升级到了IOS9,解决了。这次不能这么干了,客户太多了...

    我爱模板网写的flex代码如下:
.ec-list{
    display: flex;
}
.ec-item{
    flex:1;
}
    加了前缀(私有属性)的代码:
.ec-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }

.ec-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
    建议使用postcss的autoprefixer自动加前缀,避免不必要的错误。 (责任编辑:网页模板)
  • 本文标签:
  • ios8 flex
PostCSS 基本用法
带歌词同步,带上一曲下一曲的自定义界面的html5播放器