CSS媒體查詢是一種可用于定制不同屏幕尺寸和設備的網站樣式的技術。在移動設備上，網站需要適應不同的屏幕大小和方向，以便用戶可以獲得最佳的瀏覽體驗。

使用媒體查詢可以讓我們根據屏幕寬度和其他特征，如像素密度、方向和觸摸屏等，調整CSS樣式。以下是一個簡單的媒體查詢示例：

@media screen and (max-width: 768px) {
body {
font-size: 14px;
color: #333;
background-color: #fafafa;
}
}

上面的代碼意味著，當屏幕寬度小于或等于768像素時，將應用這些CSS屬性。這意味著當用戶在移動設備上訪問網站時，他們將看到一個適合小屏幕大小的網站。

為了更好地針對不同的移動設備定制樣式，我們可以使用一些其他的媒體查詢特性，例如方向、分辨率比和像素密度。以下是一些示例：

/* 垂直方向 */
@media (orientation: portrait) {
/* 豎屏模式的樣式 */
}
/* 水平方向 */
@media (orientation: landscape) {
/* 橫屏模式的樣式 */
}
/* 高分辨率設備 */
@media (min-resolution: 200dpi) {
/* 適用于高分辨率的樣式 */
}
/* 雙倍像素密度設備 */
@media (-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
/* 適用于雙倍像素密度的樣式 */
}

總之，使用CSS媒體查詢可以輕松地將網站適應不同的移動設備，并提供更好的用戶體驗。記住，在編寫樣式表時，始終著眼于移動設備，并通過媒體查詢自動適應。