1.

/*父級*/display: box;display: -moz-box;display: -webkit-box;box-orient: horizontal;-moz-box-orient: horizontal;-webkit-box-orient: horizontal;/*horizontal表橫向，vertical表垂直*//*子級*/width:0;box-sizing: border-box;box-flex: 1;-moz-box-flex: 1;-webkit-box-flex: 1;position: relative;

第1種子級寬度設置為0，解決子級寬度分配出現不等的bug

2.

/*父級*/display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;/*子級*/-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;

?第2種可以調整子級分配比例，實現動畫效果。

?友情鏈接：移動端資源網站

轉載于:https://www.cnblogs.com/paul-du/p/6336528.html

總結

以上是生活随笔為你收集整理的移动端-弹性盒子的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。