在CSS中，我們可以使用多種方法來(lái)調(diào)整圖片的大小，包括按照比例縮小，以下是一些常用的方法：

1、使用width和height屬性：

通過(guò)CSS的width和height屬性，我們可以直接設(shè)置圖片的寬度和高度，從而改變圖片的大小，如果我們想要將一張圖片縮小到原來(lái)的50%，我們可以將寬度和高度都設(shè)置為原來(lái)的50%。

```css

img {

width: 50%;

height: 50%;

}

```

2、使用max-width和max-height屬性：

與width和height不同，max-width和max-height屬性允許圖片在不超過(guò)指定大小的情況下保持其原始比例，這通常用于響應(yīng)式設(shè)計(jì)，其中圖片需要根據(jù)屏幕大小進(jìn)行調(diào)整。

```css

img {

max-width: 50%;

max-height: 50%;

}

```

3、使用transform屬性：

通過(guò)CSS的transform屬性，我們可以使用縮放（scale）函數(shù)來(lái)按照比例縮小圖片，這種方法允許我們***地控制縮小的比例，并且可以在不改變圖片原始尺寸的情況下進(jìn)行縮放。

```css

img {

transform: scale(0.5);

}

```

4、使用object-fit屬性：

object-fit屬性用于指定圖片在容器中的填充方式，結(jié)合width和height使用，可以實(shí)現(xiàn)按照比例縮放圖片，并保持圖片的長(zhǎng)寬比不變。

```css

img {

width: 50%;

height: 50%;

object-fit: contain;

}

```

方法可以根據(jù)具體的需求和場(chǎng)景來(lái)選擇使用，通過(guò)合理地運(yùn)用這些技術(shù)，我們可以輕松地控制圖片在網(wǎng)頁(yè)中的顯示效果。