「前端面试题」如何让img自动适应div容器大小？

要让 `<img>` 元素自动适应其包含的 `<div>` 容器大小，您可以使用CSS来实现。以下是一种常见的方法：

```html

<div style="width: 300px; height: 200px; overflow: hidden;">

 <img src="your-image.jpg" style="width: 100%; height: auto;" />

</div>

```

在上面的示例中，`<div>` 容器设置了固定的宽度和高度，并使用 `overflow: hidden;` 来确保图像不会溢出容器。然后，`<img>` 元素使用 `style` 属性中的 `width: 100%;` 和 `height: auto;` 来自动适应容器的宽度，同时保持图像的原始纵横比。

这样，无论您的容器大小如何，图像都会自动适应容器的大小，并且不会拉伸变形。如果容器大小改变，图像也会相应地自动调整大小以适应容器。