CSS 媒體查詢是一種在不同設備上顯示不同樣式的技術，主要是通過針對不同設備的屏幕寬度來設置 CSS 樣式。使用媒體查詢可以讓網站在 PC、平板和智能手機等不同設備上具有較好的顯示效果。

在使用 CSS 媒體查詢時，我們需要為不同設備指定不同的區間。下面是一些常用的媒體查詢區間：

/* 移動設備： */
@media screen and (max-width: 767px) {
/* 在 767 像素的屏幕上顯示的樣式 */
}
/* 平板設備： */
@media screen and (min-width: 768px) and (max-width: 991px) {
/* 在 768-991 像素的屏幕上顯示的樣式 */
}
/* PC 設備： */
@media screen and (min-width: 992px) {
/* 在 992 像素及以上的屏幕上顯示的樣式 */
}

在上述代碼中，max-width表示屏幕的最大寬度，min-width表示屏幕的最小寬度。例如，max-width: 767px表示在屏幕寬度小于等于 767 像素時生效。

如果你想在不同設備上顯示不同的樣式效果，可以根據自己的需求來設置媒體查詢的區間，并在相應的區間中添加 CSS 樣式。這樣就能讓你的網站在不同設備上更具有適應性，提升用戶體驗。