css如何让图片适应div大小

CSS如何让图片适应div大小？

            div {
                 width: XYZpx;
                 height: ABCpx;
            }
            img {
                 max-width: 100%;
                 max-height: 100%;
                 display: block;
            }
        

当我们将图片放入一个固定大小的div中时，通常会遇到图片过大或过小的问题。然而，在CSS中，我们可以很容易地使用max-width和max-height属性来解决这个问题。

在上面的代码中，我们使用一个固定大小的div来展示图片。我们给div设置了宽度和高度属性，这样div就有了一个固定的大小。

接下来，我们使用了max-width和max-height属性来控制图片的大小。这两个属性中的百分比值会相对于父元素的大小而定。因为我们的图片放在一个div中，所以图片的大小就会相对于这个div而定。

最后，我们使用了display:block属性来保证图片能够居中并填满整个div。如果不使用此属性，则图片将默认在文本流中并且无法撑满整个div。