Image Flexbox-图像相同高度

我用属性flex制作了容器。将3幅高度相同但宽度不同的图像放入其中：

img 602x830 px

img 613x830像素

img 599x830像素

为图像制作属性：宽度100% 在屏幕尺寸超过630px之前，一切看起来都是正确的。屏幕变为630像素及以下后，一个图像（2-img）的高度变为小于其他两个图像

如何使所有图像具有相同的高度，无论屏幕大小如何

文件
.类别分组{
最大宽度：768px；
保证金：0自动；
溢出：隐藏；
}
.柔性块{
显示器：flex；
弯曲方向：行；
对齐项目：拉伸；
}
.柔性块img{
宽度：100%；
}

这是我在Firefox上发现的一个问题，我还没有找到它失败的原因

这里有一个解决方法，使用Firefox CSS黑客，使

flex-block\u区域

成为flex容器

CSS攻击只需要针对Firefox，否则它会破坏其他浏览器

堆栈片段

.category块{
最大宽度：768px；
保证金：0自动；
溢出：隐藏；
}
.柔性块{
显示器：flex；
}
.柔性块img{
宽度：100%；
}
/*Firefox错误修复*/
@支持（-moz外观：meterbar）和（显示器：flex）{
.柔性块面积{
显示器：flex；
}
}

我的答案中是否缺少一些我可以添加或调整的内容，供您接受。。。或者根本不起作用？太奇怪了！我很想知道幕后发生了什么…@Coburn——是的，我也想知道，我还没有找到原因的答案，所以现在我对这个解决办法很满意。