CSS 图片缩放：transform 与 width/height 属性比较

CSS可以使用'transform'属性对图片进行缩放。以下是两种常用的方法：

使用'scale()'函数进行缩放。可以通过指定'scaleX'和'scaleY'来分别设置水平和垂直方向的缩放比例。例如，'transform: scale(0.5)'会将图片缩小到原来的一半大小。

.img {
  transform: scale(0.5);
}

使用'width'和'height'属性进行缩放。可以通过设置'width'和'height'属性的值来指定图片的宽度和高度。例如，'width: 50%'和'height: 50%'会将图片缩小到原来的一半大小。

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

需要注意的是，'transform'属性会改变元素的渲染方式，可以保持元素的原始大小而不影响其他元素的布局。而使用'width'和'height'属性进行缩放会影响元素的布局。根据具体需求选择合适的方法。