display flex 图片 变形 怎么解决

要解决 display flex 图片变形的问题，可以采取以下几种方法：

1. 设置图片的宽度和高度，避免图片在 flex 容器中拉伸变形。

2. 使用 object-fit 属性来调整图片的大小和比例，该属性可以设置为 contain 或 cover，以保持图片的宽高比。

3. 使用 background-image 而非 标签来呈现图片，可以更好地控制图片的尺寸和布局。

4. 设置 flex 容器的 flex-wrap 属性为 wrap，使得图片在容器内自动换行，避免图片被压缩变形。

5. 使用媒体查询，根据不同的屏幕尺寸和设备，调整图片的大小和布局，以适应不同的显示环境。