CSS 中的圖片等比放大和居中顯示是一個常見的需求，特別是在響應式布局中經常會用到。下面將介紹如何實現圖片的等比放大和居中顯示。

/* 圖片外圍容器 */
.img-container {
width: 100%;
max-width: 600px; /* 容器最大寬度 */
margin: 0 auto; /* 水平居中 */
text-align: center; /* 垂直居中 */
}
/* 圖片 */
.img-container img {
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}

上述代碼中，.img-container是圖片的外圍容器，設置了寬度、最大寬度和居中方式。而.img-container img則設置了圖片的寬度、高度和最大寬度/最大高度，從而實現了圖片的等比放大和居中顯示。

通過這種方法，可以保證圖片在不同分辨率的設備上有較好的效果，同時也方便了響應式布局的實現。