在CSS中，我們可以使用多種方法使圖片按比例自適應(yīng)，以下是一些常見的實(shí)現(xiàn)方式：

1、使用CSS的max-width和max-height屬性，這兩個(gè)屬性可以限制圖片的***大寬度和高度，從而確保圖片不會超出其容器，如果您希望圖片在容器中保持***大寬度為100%，可以編寫如下CSS代碼：

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

2、使用CSS的object-fit屬性，這個(gè)屬性可以改變圖片在容器中的填充方式，如果您希望圖片在容器中保持原來的寬高比，并且填充整個(gè)容器，可以編寫如下CSS代碼：

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

3、使用CSS的transform屬性進(jìn)行縮放，這種方法可以動(dòng)態(tài)地調(diào)整圖片的大小，以適應(yīng)不同的容器大小，如果您希望圖片在容器中保持原來的寬高比，并且填充整個(gè)容器，可以編寫如下CSS代碼：

img {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(100%);
}

在使用這些方法時(shí)，可能需要考慮圖片的原始尺寸和分辨率，以確保在不同設(shè)備和瀏覽器上都能獲得良好的顯示效果，也要注意避免過度使用這些方法，以免對網(wǎng)站性能和用戶體驗(yàn)造成負(fù)面影響。