我尝试了很多技巧来强制响应式图像，以适合flex容器，当将方向设置为flex-direction: column;，但它们都无法正常工作。我不得不提到它可以与其他元素(例如文本或将flex方向设置为 flex-direction: row;(良好，但在我的情况下却不能。我尝试过flex:1;，flex-shrink，flex-grow，max-height属性来实现我想要的，但都失败了。
当容器的大小固定(width:234px; height:279px(时，如何使用一列和三行创建一个flex容器，并且每行高度都很灵活，以按顺序以最大尺寸显示3个图像？如果他们不能适合自己的容器，请缩小它们，但要保持纵横比。
我的codepen.io代码
add
img {
max-width: 100%;
}
到您的代码，您将获得所需的结果:)