在弹性布局中插入盒子中的图片会因为网页缩小而变形

在弹性布局中，插入图片如果设置了固定的宽度和高度，会因为网页缩小而变形。这是因为固定的宽度和高度无法根据容器的大小进行自适应调整。

为了解决这个问题，我们可以使用 max-width 和 max-height 属性来控制图片的最大宽度和最大高度，同时设置 width 和 height 属性为 auto，让图片可以根据容器大小进行自适应调整。

例如，下面的 CSS 代码可以让图片在弹性布局中自适应调整大小：

img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

这样设置后，无论容器大小如何变化，图片都可以保持比例适应容器大小。