CSS的媒體查詢是一種非常有用的技術，可以讓我們在不同的設備和屏幕上采用不同的樣式和布局。在移動設備上，如何適應各種大小的屏幕顯得尤為重要。媒體查詢可以幫助我們實現這一目標。

在移動設備上，屏幕的尺寸和分辨率可以差異很大，為了讓頁面在這些設備上都能正常顯示，我們可以在CSS中使用媒體查詢來適應不同的屏幕。下面是一個簡單的示例：

@media screen and (max-width: 480px) {
body {
background-color: lightpink;
}
}

這個媒體查詢的意思是，當屏幕寬度小于等于480像素時，應用這段CSS規則。這樣，我們就可以為移動設備自定義不同的樣式和布局。

除了針對屏幕寬度外，我們也可以根據設備的像素比例、方向、觸摸還是非觸摸等因素進行媒體查詢。下面是一些常見的媒體查詢：

@media screen and (max-width: 640px) { /* 手機 */
...
}
@media screen and (min-width: 641px) { /* 平板 */
...
}
@media screen and (min-width: 1025px) { /* PC */
...
}
@media screen and (min-resolution: 2dppx) { /* 高清屏 */
...
}
@media screen and (orientation: portrait) { /* 豎屏 */
...
}
@media (pointer: coarse) { /* 觸摸屏 */
...
}

在移動端開發中，使用媒體查詢可以使我們的頁面適應不同的設備和屏幕，呈現出更好的效果。