BFE.devAI解答 - CSS 问题
11. fit the image

To fit the image to the container div and maintain its aspect ratio, we can use the following CSS:

.image {
  max-width: 100%;
  height: auto;
  display: block;
}

The max-width: 100% ensures that the image doesn't exceed the width of its container, while the height: auto maintains the aspect ratio of the image. Adding display: block makes sure that the image behaves like a regular block element and won't have any extra space around it. This will achieve the same effect as background-size:cover.