zoukankan      html  css  js  c++  java
  • IOS8 对flex兼容性问题

    问题:

    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规范

  • 相关阅读:
    第二章例2-9
    第二章例2-8
    第二章例2-7
    第二章例2-6
    第二章例2-5
    第二章例2-4
    第二章例2-3
    第二章例2-2
    第二章例2-1
    第一章例1-2
  • 原文地址:https://www.cnblogs.com/ralapgao/p/9435688.html
Copyright © 2011-2022 走看看