CSS是前端開發中必不可少的一項技術，它能讓網頁具有豐富的樣式和互動效果。但是我們訪問一個網站的設備種類和屏幕分辨率卻是千差萬別的，因此我們需要使用媒體查詢來適配不同的設備。

@media screen and (max-width: 768px) {
/*在此處寫設備屏幕小于等于768px時的樣式*/
}

以上是一個最簡單的媒體查詢語句，它使用@meida關鍵字來聲明一個媒體查詢，然后使用and關鍵字添加一個或多個查詢的特征，例如：最大或最小寬度，設備方向等等。

@media only screen and (min-width: 1200px) {
/*在此處寫設備屏幕大于等于1200px時的樣式*/
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/*在此處寫設備屏幕在992px至1199px之間時的樣式*/
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/*在此處寫設備屏幕在768px至991px之間時的樣式*/
}
@media only screen and (max-width: 767px) {
/*在此處寫設備屏幕小于等于767px時的樣式*/
}

以上是幾個不同屏幕寬度范圍的媒體查詢示例，可以根據需求添加更多的媒體查詢語句。使用媒體查詢時，我們可以針對不同屏幕寬度、設備方向、分辨率等等，使用不同的樣式代碼適配不同的設備，為用戶提供更好的瀏覽體驗。