什么是CSS媒體查詢？

CSS媒體查詢是一種在網站設計中用于根據設備分辨率和屏幕的朝向（橫向或縱向）等參數，來選擇性地應用不同的CSS樣式規則的技術。可以說，CSS媒體查詢是響應式網站設計最重要的組成部分之一。

實際上，CSS媒體查詢是一個布爾表達式，其值為真或假。這意味著，如果一個媒體查詢被評估為真，那么相應的CSS規則也將被應用。反之，如果它被評估為假，相應的CSS規則將不會生效。

/* 如果分辨率大于等于768px，應用以下CSS規則 */
@media screen and (min-width: 768px) {
body {
background-color: #ddd;
}
}
/* 如果分辨率小于768px，應用以下CSS規則 */
@media screen and (max-width: 767px) {
body {
background-color: #ccc;
}
}

在上面的例子中，@media指令告訴瀏覽器，這是一個媒體查詢，它只應用于屏幕設備，而且分辨率在768像素以上和以下時應用不同的背景顏色。

在開發響應式網站時，使用CSS媒體查詢可以確保網站在各種設備和屏幕大小上都能完美呈現。此外，它還可以提供更好地用戶體驗，因為內容和布局會根據設備自行調整。