CSS是一種強大的樣式表語言，可以使網頁更加美觀且易于閱讀。而圖片等比縮放居中也是前端開發中經常使用的技巧。

當圖片寬度和高度固定時，若圖片過大，便會超出容器大小，影響顯示效果，甚至會破壞網頁布局。因此，需要使用CSS使圖片等比縮放并居中顯示。

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

通過以上CSS代碼，可以設置圖片最大寬度和高度為100%，即圖片將等比縮放至容器大小。同時通過設置display屬性為block，實現圖片與文字并排顯示，而margin屬性則使圖片水平和垂直方向都居中。

需要注意的是，若圖片本身尺寸小于容器大小，則不會進行縮放，可能會導致圖片變得模糊不清。因此，建議使用高清大圖并根據需要進行壓縮，以獲得更好的顯示效果。

總之，通過CSS實現圖片等比縮放居中不僅可以改善網頁的顯示效果，還能提高用戶體驗和網頁交互性，對于前端開發者而言，是必備技能之一。