flex-grow 与 flex-shrink 计算方式详解

相关文章：

注意不要用QQ截图直接测量，由于高分屏及放大可能会不准确，可以打开DevTools查看尺寸或把页面绽放到100%大小后再查看

flex-grow 之和大于 1

.a
125px

.b
200px

.c
175px

flex-grow 之和小于 1

.a
115px

.b
180px

.c
145px

flex-shrink 之和大于 1

.a
134.5

.b
158.6

.c
206.9

flex-shrink 之和小于 1

.a
140.69

.b
175.17

.c
244.14