flex布局 一侧固定宽度 一侧自适应

flex布局 一侧固定宽度 一侧不管

截屏2021-11-26 下午12.19.39.png

布局是弹性布局 左边图片 右边文字
相同宽度 的div中放入图片并且让图片宽度保持div的宽度 高度自适应
可以看到在 左边的图片被挤压变形

解决办法就是 给右侧的div 开启 flex：1； 自适应
flex布局 一侧固定宽度 一侧自适应

截屏2021-11-26 下午12.20.08.png

可以看到问题立马就解决了。