CSS是網頁設計中必不可少的一部分，它可以為網頁添加各種各樣的樣式，比如顏色、字體、邊框、大小等等。在現代網頁設計中，大圖已經成為了一種常見的元素。隨著移動設備的普及，大圖的響應式設計顯得尤為重要。下面我們來看一下如何使用CSS實現大圖響應式居中顯示。

/* HTML代碼 */
<div class="big-img">
<img src="image.jpg">
</div>
/* CSS代碼 */
.big-img {
position: relative;
height: 0;
overflow: hidden;
}
.big-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}

以上代碼首先將包含大圖的容器設為相對定位，并設置高度為0，防止大圖溢出容器。接下來通過絕對定位將圖片居中顯示，在移動端設備上也可以完美適配。

值得注意的是，當圖片寬度大于容器寬度時，圖片會被縮放并完全適應容器，而不會被剪切。另外，我們也可以根據需要調整圖片的大小，比如設定固定的寬度，而高度則自適應。

綜上，當網頁設計中使用大圖時，我們可以使用上述代碼實現響應式居中顯示，讓網頁更加美觀、舒適。