图片自适应容器大小怎么写

要让图片自适应容器大小，可以使用 CSS 中的 `max-width` 和 `max-height` 属性。

例如，如果要将一张图片放入一个容器中，并使其自适应容器的大小，可以这样写：

<div class="container">
  <img src="path/to/image.jpg" alt="image" />
</div>

.container {
  max-width: 100%;
  max-height: 100%;
}

img {
  max-width: 100%;
  max-height: 100%;
  display: block; /* 解决图片默认为 inline 元素导致底部空白的问题 */
}

这样设置后，无论容器大小如何变化，图片都会自动缩放以适应容器的大小。同时，图片也会保持其原始的宽高比例。