CSS是前端開發中不可或缺的一部分，它可以用來設置網頁元素的樣式，讓網頁更加美觀和易于使用。在移動設備上，由于屏幕尺寸較小，網頁的布局和樣式需要適應不同的屏幕大小，因此CSS在移動設備上的設置尤為重要。

為了調整網頁樣式適應移動設備，可以使用@media查詢來改變CSS屬性。@media查詢可以檢查設備參數，如屏幕寬度、高度、方向和分辨率，從而根據設備類型來調整樣式。

/* 在移動設備上隱藏某個元素 */
@media only screen and (max-width: 600px) {
.element {
display: none;
}
}

上述例子中，在移動設備上（屏幕寬度小于600px），元素類“element”將被隱藏。

另外，為了適配不同的分辨率，可以使用rem單位而不是px。rem相對于根元素的字體大小，這樣可以保證在不同屏幕大小下元素的大小比例不變。例如：

body {
font-size: 16px;
}
p {
font-size: 1.2rem; /* 相當于1.2 * 16px = 19.2px */
}

上述例子中，根元素body的字體大小為16px，在p元素中設置font-size為1.2rem，這樣在不同屏幕大小下p元素的字體大小比例都將保持相同。

除此之外，還可以使用CSS框架如Bootstrap來進行移動設備的布局設置，快速、方便地創建適配各種屏幕大小的移動網頁。

總之，在移動設備上設置CSS樣式需要考慮到不同屏幕尺寸和方向帶來的變化，盡可能使用rem單位和@media查詢來適配不同的設備，同時可以使用CSS框架來簡化開發過程。