CSS是一種基礎的網頁設計語言，除了掌握其基本語法規則外，還需要了解不同設備所需的像素大小，以便網頁能夠在不同設備上實現適當的顯示效果。特別是對于手機設備，CSS像素的設置顯得尤為重要，下面為您介紹CSS在不同設備上應該設置的像素大小。

在CSS中，像素（px）是一種相對單位，意味著像素的大小取決于設備本身的分辨率和像素密度，而不是固定的尺寸。在最新的Retina屏幕中，一個CSS像素將會把兩個物理像素的面積都覆蓋掉。這說明Web設計者需要了解不同設備的像素密度，才能夠正確地設置像素大小，保證網頁在不同屏幕上顯示的一致性和美觀度。

@media only screen and (max-width: 600px){
/* 對小型屏幕設備（手機、平板）的CSS樣式設置 */
body {
font-size: 14px; /* 設置字體大小 */
}
img {
width: 100%; /* 圖片寬度 */
}
.container {
padding: 10px; /* 容器內邊距 */
}
}

在上述代碼中，使用了CSS的響應式設計技術和媒體查詢，來對小型屏幕設備（如手機、平板）上的網頁進行樣式設置。在此基礎上，我們可以根據需要進行一些微調，進一步完善頁面的效果。

總結來說，CSS的像素設置非常重要，特別是在小型設備（如手機）上的應用。選擇合適的像素值能夠讓頁面適應不同分辨率的設備，并實現更加美觀的顯示效果。