Html 宽度为%的CSS Flexbox包装项目

我有两个元素的flexbox。第一个元素宽度为flexbox的40%，第二个元素宽度为60%。当第二个元素的宽度低于600px时，我想将其包裹，但如果第二个元素被包裹，我想将两个元素的宽度都包裹到100%

尝试下面的代码

.parent{
显示器：flex；
柔性包装：包装；
}
.儿童1{
背景色：红色；
弹性：140%；
}
.儿童2{
弹性：1个最大值（60%，600像素）；
背景颜色：蓝色；
}

孩子1
孩子2

媒体查询可能是一种解决方法。Tbh，我不知道纯flex的快速解决方案