ios7.8居然不支持flex布局

写代码的时候,偶然间用同事的ios8.4版本的机器,看代码,发现居然不支持flex布局,包括justify-content这类属性,统统不支持,但是查资料说,从ios7.1开始就支持标准的写法,即为display:flex;但是现实中确实是遇到了不支持的情况,所以,最后只能用兼容性的写法,问题就解决了。

display: flex;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

justify-content: space-between;

-webkit-justify-content: space-between;

/*-webkit-box-align: center;*/

-webkit-align-items: center;

/*-ms-flex-align: center;*/

align-items: center;

所有关于弹性布局的属性,都需要兼容性的写法,上面仅为一部分。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 移动开发基本知识点 一.使用rem作为单位 html { font-size: 100px; } @media(m...
    横冲直撞666阅读 8,957评论 0 6
  • H5移动端知识点总结 阅读目录 移动开发基本知识点 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇阅读 10,163评论 0 26
  • /*! https://github.com/lzxb/flex.css */ [flex], [flex] > ...
    美滋滋213阅读 8,350评论 1 0
  • 阅读目录移动开发基本知识点 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    张宪宇阅读 5,506评论 0 1
  • 年少的我却没有适龄的朝气 青涩的我却在用等待打发时间 没有梦想 没有希望 更看不到未来 只是努力踩着生活的痕印 随...
    目言川阅读 1,576评论 0 0

友情链接更多精彩内容