弹性盒子的缩放机制是怎样的？

flex属性有三个值：flex-grow、flex-shrink和flex-basis。

flex-grow：指定弹性的子项的放大比例，默认值为0，当设置为0的时候，子项不会根据剩余的空间进行伸缩。当设置为正数的时候，子项会按照比例进行分配剩余的空间。

flex-shrink：指定弹性盒子的缩小比例，默认值为1.当可用空间不足时，子项根据，flex-shrink的比例进行缩小，可以设置为0，表示子项不允许缩小。

flex-basis：指定弹性子项在主轴的初始大小，默认值为auto，可以设置为具体长度值(如：像素/百分比)，也可以设置为content表示基于内容的大小。