Html 如何使图像自动缩放（不使用断点）

我使用的是Flexbox，在我的网站上有一行，文本块应该占据屏幕左侧的40%，而图像应该占据屏幕右侧的60%。但是，我希望在调整浏览器图像的大小时，图像的收缩速度比文本的收缩速度快

Flex shrink在该位置使用时似乎没有任何效果，图像似乎是固定大小的。我尝试切换到设置了背景图像属性的，但由于div中没有任何内容，因此图像不可见。我可以硬编码宽度和高度，但这违背了图像缩放的目的

---

有没有办法做到这一点

尝试将图像的最大宽度设置为100%，并将高度设置为“自动”。因此，它将始终缩放以适应父对象的大小

img{
    max-width :100%;
    height:auto;
}