css图片自动放大缩小

CSS中可以通过设置图片的大小来实现图片的自动放大缩小。图片的大小可以使用width和height属性来设置，一般情况下，我们设置图片大小的时候，会指定一个具体的像素值或者百分比值，例如：

img {
width: 200px;
height: 200px;
}

这样设置之后，图片的宽度和高度都将被限定在200像素大小，不会自动根据屏幕的大小进行调整。

如果需要实现图片的自适应放大缩小，可以通过设置max-width和max-height来实现，例如：

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

这样，图片将会根据它的父元素的大小自动进行缩放，从而实现图片的自适应放大缩小。

另外，如果需要让图片在超出它的容器大小时自动缩放，可以使用object-fit属性，例如：

img {
object-fit: contain;
}

这样设置之后，图片将会保持原有的宽高比，自动缩放到它所在容器的大小，同时保留图片的全部内容。

总之，通过灵活运用CSS的属性，可以轻松实现图片的自动放大缩小效果，提高网站的用户体验。