CSS媒體查詢是通過在CSS樣式表中嵌入代碼以響應不同設備的屏幕尺寸、分辨率和屏幕方向來控制頁面的外觀。這些媒體查詢通常在移動設備和桌面設備之間設置CSS樣式。

可以使用以下媒體查詢區間將CSS樣式限制在不同的設備屏幕尺寸和方向下：

/*通用媒體查詢*/
@media (min-width:320px) and (max-width:480px){
/*在屏幕寬度為320到480像素之間應用此樣式*/
}
/*平板媒體查詢*/
@media (min-width:768px) and (max-width:1024px){
/*應用此樣式在屏幕寬度為768到1024像素之間*/
}
/*桌面媒體查詢*/
@media (min-width:1025px){
/*應用此樣式在屏幕寬度大于1025像素時*/
}
/*橫向方向媒體查詢*/
@media (orientation:landscape){
/*應用此樣式在屏幕方向為橫向時*/
}
/*縱向方向媒體查詢*/
@media (orientation:portrait){
/*應用此樣式在屏幕方向為縱向時*/
}

通過使用這些媒體查詢，您可以輕松地編寫具有響應性和適應性的Web頁面，以滿足各種設備的需求。