CSS中，我們可以使用width和height屬性來設(shè)置圖片的尺寸，如果想要讓圖片成比例縮小，那么可以只設(shè)置width或height其中一個(gè)屬性的值，另一個(gè)屬性則會自動(dòng)按比例調(diào)整。

假設(shè)我們有一張寬度為500像素的圖片，想要將其縮小到400像素的寬度，那么可以這樣做：

img {
  width: 400px;
  height: auto;
}

我們將圖片的width屬性設(shè)置為400像素，并將height屬性設(shè)置為auto，這樣圖片的高度就會自動(dòng)按比例調(diào)整，保持原有的寬高比不變。

需要注意的是，如果圖片原本的高度和寬度比例失衡，那么縮小后可能會變得扭曲或變形，在縮小圖片時(shí)，***好保持其原有的寬高比不變。

如果想要進(jìn)一步控制圖片的縮放比例，可以使用CSS中的transform屬性來實(shí)現(xiàn)，想要將圖片縮小到原來的50%，可以這樣做：

img {
  transform: scale(0.5);
}

我們使用transform屬性并將縮放比例設(shè)置為0.5，這樣圖片就會被縮小到原來的50%，不過需要注意的是，這種方法會改變圖片的原始尺寸，因此在使用時(shí)需要謹(jǐn)慎。