css3弹性盒模型兼容

CSS3弹性盒模型是一种全新的布局方式，它可以帮助开发者在页面布局中完成灵活而精确的控制。但是，由于浏览器兼容性的不同，开发者在使用CSS3弹性盒模型时需要注意兼容性问题。

/* 兼容性写法 */
display: -webkit-Box;
display: -moz-Box;
display: -ms-flexBox;
display: -webkit-flex;
display: flex;

使用上述代码，可以保证CSS3弹性盒模型在各种浏览器上的正常使用。同时，还需要注意以下兼容性问题：

• 1. 对于IE浏览器，需要使用早期版本的弹性盒子模型写法。

    /* 兼容IE10之前版本 */
    display: -ms-flexBox;
    

• 2. 对于某些浏览器，如Android 4.x的自带浏览器，需要使用-webkit-Box来兼容。

    /* 兼容Android 4.x */
    display: -webkit-Box;
    display: -webkit-flex;
    display: flex;
    

• 3. 对于某些情况下，需要添加浏览器前缀才能实现某些特定的效果。

    /* 使用浏览器前缀 */
    align-self: -webkit-flex-end;
    align-self: flex-end;
    

总之，在开发过程中需要注意兼容性问题，才能保证使用CSS3弹性盒模型的页面能在各种浏览器中正常显示。