如何使盒子里面插入的图片自适应盒子大小

可以使用CSS中的`max-width`和`max-height`属性来让插入的图片自适应盒子大小。具体做法如下：

1. 给盒子设置一个固定的宽度和高度。

.box {
  width: 400px;
  height: 400px;
}

2. 在盒子中插入图片，并使用`max-width`和`max-height`属性来设置图片的最大宽度和最大高度，让图片自适应盒子大小。

.box img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

其中，`max-width: 100%`和`max-height: 100%`分别表示图片的最大宽度和最大高度为盒子的宽度和高度，即让图片自适应盒子大小。`display: block`则是让图片以块级元素的形式显示，避免出现行内元素的间隙问题。

这样，插入的图片就可以根据盒子大小自适应显示了。