教程问题反馈:第4章 场景应用基本的布局方法——Flex布局
flex-shrink 属性 :
有一处计算公式的示例过于令人费解了,描述的很奇怪;
120 2 + 150 3+ 180 * 1 = 870 ;可以改为:120*2+150*3+180*1 = 870;
计算结果= 宽度 - 总溢出空间 * 项目宽度 * flex-shrink / 总权重;
item1的最终宽度为:120 - 50 120 2 / 870 ≈ 106px 可以改为:120 - 50 * 2 * 120 / 870 ≈ 106px ;
item2的最终宽度为:150 - 50 150 3 / 870 ≈ 124px
item3的最终宽度为:180 - 50 180 1 / 870 ≈ 169px