CSS移動端響應是為了適應不同大小的設備屏幕而進行的一種設計。通過CSS移動端響應，可以使網站在不同屏幕大小上顯示的效果保持較為一致。

一般而言，我們會使用@media查詢來實現移動端響應。其中，@media查詢是一種CSS方法，它可以根據設備屏幕的尺寸、方向和分辨率等參數來動態修改樣式表中的屬性。

@media screen and (max-width: 768px) {
/* 當屏幕寬度小于等于768px時應用以下樣式 */
.header {
font-size: 16px;
}
.main-content {
width: 100%;
}
}
@media screen and (min-width: 769px) {
/* 當屏幕寬度大于等于769px時應用以下樣式 */
.header {
font-size: 24px;
}
.main-content {
width: 70%;
margin: 0 auto;
}
}

上面的代碼展示了一個典型的@media查詢樣式表。首先，在第一部分中，當屏幕寬度小于等于768px時，.header的字體大小將變為16px，并且.main-content的寬度將變為100%。而在第二部分中，當屏幕寬度大于等于769px時，.header的字體大小將變為24px，并且.main-content的寬度將變為70%（同時水平居中）。

通過以上的樣式表，我們可以在不同大小的屏幕上實現優雅而協調的顯示效果。而在實際開發中，我們可以使用更高級的CSS框架或庫，例如Bootstrap或Semantic UI，來加速樣式表的編寫和優化。