CSS媒體查詢是一種非常有用的技術，它可以根據不同的設備和屏幕大小來渲染不同的界面。媒體查詢可以使用 @media 關鍵字，并且可以設置不同的 CSS 樣式。下面是關于 CSS 媒體查詢的一些常見寫法：

@media (min-width: 768px) {
/* 在屏幕寬度至少為 768 px 時應用這些樣式 */
body {
font-size: 16px;
}
}
@media (max-width: 767px) {
/* 在屏幕寬度小于 768 px 時應用這些樣式 */
body {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/* 在屏幕寬度在 768 px 和 991 px 之間時應用這些樣式 */
.container {
width: 80%;
}
}
@media (min-device-width: 320px) and (max-device-width: 568px) {
/* 在設備寬度為 320 px 和 568 px 之間時應用這些樣式 */
.header {
background-color: #f00;
}
}

上面的代碼演示了一些常見的 CSS 媒體查詢寫法。可以根據具體的需求來設置媒體查詢，并且可以通過檢查不同的屬性如屏幕寬度、設備寬度等來進行設置。使用媒體查詢可以讓網頁適應不同的設備和屏幕，從而提高網頁的用戶體驗。