CSS中的media查詢功能可以讓網頁在不同的設備上呈現出不同的樣式和布局，實現響應式設計，使網頁在各種不同的設備上都具有更好的顯示效果和體驗。

@media screen and (max-width: 768px){
/*在寬度小于768px的屏幕上應用下面的樣式*/
body{
font-size:14px;
}
}

如上所示，在寬度小于768像素的屏幕上，我們可以通過media查詢中的樣式設置來控制頁面的字體大小。這種情況下，不同于在大屏幕設備上應用的樣式，網頁可以更好的適應小屏幕設備，保證了頁面的可讀性和用戶體驗。

除了針對不同的設備寬度，我們還可以通過media查詢設置其他條件來實現更加精確的樣式定制。例如，我們可以設置打印樣式或屏幕分辨率等。

@media print{
/*在打印時應用下面的樣式*/
body{
background-color:white;
font-size:10pt;
}
}

如上所示，在打印時我們可以通過media查詢來設置頁面的樣式，使得打印出來的文件更加清晰美觀。

總之，media查詢是CSS中非常重要的的一種技術，在響應式設計中具有很好的應用效果。大家可以通過實踐更好的掌握media查詢的使用方法，實現符合用戶需求的網頁設計。