在全球范圍內，由于不同電腦和移動設備的屏幕尺寸和分辨率各自不同，為了更好的用戶體驗，前端開發人員通常需要針對不同設備的分辨率進行不同的CSS樣式設置。

當我們在CSS中設置不同的分辨率時，可以使用媒體查詢（@media）的方式。首先，需要在CSS中引入媒體查詢：

@media only screen and (min-width: 1200px) {
/* 這里寫1200px及以上分辨率下的CSS樣式 */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
/* 這里寫992px-1199px分辨率下的CSS樣式 */
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
/* 這里寫768px-991px分辨率下的CSS樣式 */
}
@media only screen and (max-width: 767px) {
/* 這里寫767px及以下分辨率下的CSS樣式 */
}

在以上代碼片段中，我們使用了min-width和max-width來設置設備的最小和最大分辨率。當設備的分辨率滿足該范圍內的要求時，CSS樣式就會被應用。注意，CSS樣式應當按照從小到大的順序來編寫，以便樣式的優先級正確。

此外，在編寫樣式時，也可以使用視口寬度（viewport width）來進行分辨率的設置。視口寬度是指瀏覽器可見區域的寬度，在不同設備上的值可能不同。以下是一個示例：

@media only screen and (max-width: 600px) {
/* 這里寫在視口寬度為600px及以下時的CSS樣式 */
}

在實際開發中，為了更好地適配不同的分辨率，可以使用網格布局、響應式圖片等技術來提高用戶體驗。不同的分辨率下，樣式的變化也可以不限于大小，也可以是顏色、字體等。