让图片自动适应Div容器大小的HTML和CSS技巧

要让 img 自动适应 div 容器大小，可以使用 CSS 的 background-image 属性，并将 img 的 src 属性设置为空。具体实现方法如下：

HTML 代码：

<div id='container'></div>

CSS 代码：

#container {
  width: 300px;
  height: 200px;
  background-image: url('path/to/image.jpg');
  background-size: cover;
  background-position: center;
}

在上面的代码中，通过设置 div 容器的宽度和高度，然后将背景图片通过 background-image 属性设置为 div 的背景图像。通过设置 background-size 为 cover，可以让背景图片按比例缩放，以填充整个 div 容器。通过设置 background-position 为 center，可以让背景图片在 div 容器中居中显示。

这样，无论 div 容器的大小如何改变，背景图片都会自动适应并填充整个 div 容器。