码迷,mamicode.com
首页 > 移动开发 > 详细

IOS8 对flex兼容性问题

时间:2018-08-07 13:00:50      阅读:643      评论:0      收藏:0      [点我收藏+]

标签:3.2   firefox   兼容性   写法   line   nbsp   顺序   ios   androi   

问题:

IOS8.2 dispaly:flex;不生效;

注意一下兼容写法的顺序问题, 

    1.  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    2.  display: -moz-box; /* Firefox 17- */
    3.  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    4.  display: -moz-flex; /* Firefox 18+ */
    5.  display: -ms-flexbox; /* IE 10 */
    6.  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

dispaly: -webkit-box与 display: flex一类flex属性值是不同版本的flexbox,

前者是09版本,后者是12版本,如果将-webkit-box写在webkit-flex后面 浏

览器就会调用就版本的flexbox规范

IOS8 对flex兼容性问题

标签:3.2   firefox   兼容性   写法   line   nbsp   顺序   ios   androi   

原文地址:https://www.cnblogs.com/ralapgao/p/9435688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!