在前端開發中，我們通常會使用CSS來對網頁進行樣式設計。但是由于不同設備、不同分辨率的存在，我們需要在CSS中使用媒體查詢(Media Query)來針對不同的屏幕大小和設備類型設置樣式，以確保頁面在不同設備上有良好的顯示效果。 媒體查詢是CSS3新增的一項功能，它可以根據不同終端尺寸的變化，加載不同的CSS樣式。在CSS中，使用@media關鍵字來定義媒體查詢。下面是一個簡單的媒體查詢示例：

@media screen and (max-width: 600px) {
p {
font-size: 16px;
}
}

上面的代碼表示，當屏幕寬度小于等于600像素時，p標簽的字體大小將設置為16px。其中，screen表示查詢的設備類型是屏幕，而max-width: 600px則表示屏幕寬度最大為600像素。 當然，媒體查詢還支持多個條件的組合。例如，我們可以同時針對屏幕寬度和屏幕方向進行查詢，下面是一個示例：

@media screen and (max-width: 600px) and (orientation: portrait) {
p {
font-size: 16px;
}
}

上面的代碼表示，當屏幕寬度小于等于600像素且屏幕方向為豎屏時，p標簽的字體大小將設置為16px。 除了screen之外，媒體查詢還支持其他設備類型，例如print、speech等，可以根據需要進行選擇。另外，還可以針對分辨率、像素密度、操作系統等條件進行查詢。 總之，媒體查詢是CSS中非常重要的一項功能，它可以讓我們根據不同的設備類型、屏幕尺寸等因素設置不同的樣式，從而實現良好的用戶體驗。在實際開發中，我們應該根據實際需要，合理地運用媒體查詢來優化頁面樣式和布局。