[分享]css中怎样把图片缩小

在CSS中，我们可以使用以下几种方式来缩小图片。

1. 使用width和height属性：

img {
  width: 50%;
  height: auto;
} 

上述代码将使图片的宽度为其父元素的50％，高度将根据其宽度等比例缩放。

2. 使用max-width和max-height属性：

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

上述代码将使图片尽可能地缩小，以适应其父元素的大小，并保持其宽高比。

3. 使用transform属性：

img {
  transform: scale(0.5);
} 

上述代码将使图片缩小50％。请注意，transform属性不会影响元素的大小，因此其他元素位置不会受到影响。

以上是几种常用的图片缩小方法，可以根据实际需求进行选择使用。如果需要控制图片的具体大小和位置，请使用position和top / left属性来定位图片。