flex布局兼容iphone 6

最近在开发移动端页面的过程中发现了flex布局在iphone 6上不兼容的问题，经过测试和查阅资料现列出一下flex布局属性兼容方法。

display: flex    →   display: -webkit-flex
justify-content: space-between;   →   -webkit-justify-content: space-between
align-items: center;   →   -webkit-align-items: center
flex-direction: column;   →   webkit-flex-direction: column;
flex-wrap: wrap;   →   webkit-flex-wrap: wrap;
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,784评论 1赞 92
  • Android - 收藏集
    用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你...
    hw1212阅读 12,824评论 2赞 59
  • iOS工具和框架1
    1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,003评论 3赞 119
  • 《愿你，活成自己想要的样子》
    1 不久前写过一篇稿子，题目是《有一种勇敢，是成为自己》。 写稿的时候，我还是一家财务公司里那个疲于奔命的小喽啰，...
    水月_9efe阅读 440评论 0赞 1
  • 致青春【风雨无阻-周华健(Emil Wakin Chau)】
    网上炒作的东西一般不感兴趣，昨天有时间和心情看了全球火爆电影《致我们已逝的青春》。我同事说是一部可以看下去的电影，...
    李瑞兰阅读 1,077评论 1赞 4