在CSS中，我們經常需要根據不同的媒體設備來設置不同的樣式和布局，如針對手機、平板和電腦不同的屏幕尺寸和分辨率進行適配。此時，就需要用到CSS中的“媒體查詢”技術。

@media (min-width: 768px) {
/*在屏幕寬度大于等于768px時應用以下樣式*/
body {
font-size: 16px;
}
}
@media (max-width: 767px) {
/*在屏幕寬度小于767px時應用以下樣式*/
body {
font-size: 14px;
}
}

上面的代碼展示了如何使用CSS中的媒體查詢技術來根據不同的屏幕寬度應用不同的字體大小。其中，@media指令表示媒體查詢的開始，括號中的是媒體查詢條件，條件內部的樣式規則只有在滿足該條件時才會生效。

媒體查詢的條件可以包括寬度、高度、分辨率、屏幕方向、設備類型等，通過這種方式，我們可以根據不同的媒體設備來設置不同的樣式和布局，并實現網站在不同設備上的自適應。

@media screen and (min-width: 768px) {
/*在屏幕寬度大于等于768px時應用以下樣式*/
}
@media print and (orientation: landscape) {
/*在橫向打印時應用以下樣式*/
}

除了常見的screen媒體類型，媒體查詢還支持其他類型，如print打印、speech語音、handheld手持設備等，通過這些媒體類型，我們可以更加精準地設置樣式和布局。

總之，CSS中的媒體查詢是實現響應式設計的核心技術之一，可以讓我們充分發揮CSS的靈活性和可讀性，實現網站在不同設備上的無縫適配。