Flex没有“行”的概念

Flex虽然很强大,但flex-wrap并不方便控制,由于没有行的概念,只能使用嵌套,但嵌套又不能使用flex自带的排列。比如手机屏幕上APP的排列,只用flex无法模拟,因为flex无法定义出最后一行,更无多行对齐的概念。

子元素和父元素,谁先压缩?

两级Flex嵌套的情况下,如果他们都设置了flex-wrap,在空间不够的情况下谁先压缩就很微妙了。不过可以使用媒体断点查询为不同情况分别设置wrap。