CSS中的圖片可以根據(jù)div的縮放比例進(jìn)行縮放。這樣可以讓網(wǎng)頁更加美觀，同時也可以提高圖片的易用性。

首先，在CSS中，我們可以使用以下代碼來指定圖片的大小：

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

這樣的代碼可以讓圖片以100px的高度和寬度顯示。但是，如果我們希望圖片可以隨著div元素的縮放比例來進(jìn)行縮放，可以使用以下代碼：

div {
width: 50%;
height: 50%;
}
img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}

這段代碼是通過CSS中的百分比值來定義div元素和圖片的大小，例如上面的代碼中的div元素的大小就是父元素大小的50%。同時，在img標(biāo)簽中，我們將max-width和max-height設(shè)置為100%，這是因為我們希望圖片可以縮放到與div元素一樣大小。但是，為了保持圖片的比例，我們也將width和height設(shè)置為auto。

當(dāng)我們縮放div元素時，圖片也會隨之從而縮放，可以試著運行一下這段代碼：

<div>
<img src="example.png" alt="An example image">
</div>

這樣我們就可以輕松地讓CSS圖片根據(jù)div元素進(jìn)行縮放。