`img` 标签在HTML中用于嵌入图像，要使图像自适应大小，可以通过以下几种方式实现：
1. 使用CSS的`max-width`和`height: auto`属性：
这是最简单的方法，可以使图像宽度不超过其容器的宽度，同时保持图像的宽高比。
```html
```
2. 使用CSS的`width`和`height`属性：
设置图像的宽度为100%，高度自适应。
```html
```
3. 使用CSS的`object-fit`属性：
`object-fit`属性允许你控制替换元素（如`img`或`video`）内容的尺寸以适应其容器。
```html
```
`contain`：保持宽高比，使整个图片完全显示在元素框内。
`cover`：保持宽高比，覆盖整个元素框，可能会裁剪图片的一部分。
`fill`：拉伸图片以填充整个元素框，可能会改变图片的宽高比。
`none`：不保持宽高比，图片会保持其原始尺寸。
4. 响应式设计：
使用媒体查询（Media Queries）来根据不同的屏幕尺寸应用不同的样式。
```html
```
```css
.responsive-image {
max-width: 100%;
height: auto;
