在移動設備上，為了更好地體驗網頁的效果，我們通常需要對網頁樣式做出一些調整。而在 CSS 中，我們可以使用媒體查詢來判斷當前設備是否為移動設備，從而對樣式進行調整。

/* 判斷當前設備是否為移動設備 */
@media only screen and (max-width: 768px) {
/* 移動設備的樣式 */
}

上述代碼中，使用了媒體查詢，指定屏幕寬度最大為 768px 的設備都將應用樣式。當我們將這段代碼應用到 HTML 頁面的頭部時，即可判斷當前設備是否為移動設備，并進行相應的調整。

但是，需要注意的是，這種方法只能粗略地判斷設備是否為移動設備，無法區分 iOS、Android 等不同的移動設備。因此，如果需要根據不同的移動設備進行更精細的樣式調整，我們可以使用 JavaScript 進行更加靈活的判斷。

// 判斷當前設備是否為 iOS
if (/iPad|iPhone|iPod/i.test(navigator.userAgent)) {
/* iOS 設備的樣式 */
} 
// 判斷當前設備是否為 Android
if (/Android/i.test(navigator.userAgent)) {
/* Android 設備的樣式 */
}

上述代碼中，我們使用了 navigator.userAgent 來獲取瀏覽器的 user agent 信息，從而判斷當前設備的類型。使用這種方法，我們可以更精準地判斷當前設備的類型，并進行相應的樣式調整。

總之，在進行移動設備樣式調整時，我們需要使用媒體查詢或 JavaScript 來判斷當前設備的類型，并進行相應的樣式調整，以達到更好的體驗效果。