在移动设备上，为了更好地体验网页的效果，我们通常需要对网页样式做出一些调整。而在 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 来判断当前设备的类型，并进行相应的样式调整，以达到更好的体验效果。