在網頁開發中，我們常常需要根據不同的設備分辨率來設置頁面的顯示效果。CSS提供了一些屬性可以幫助我們設置分辨率。

首先，我們可以使用媒體查詢（@media）來根據設備的寬度和高度來設置樣式。例如：

@media only screen and (max-width: 600px) {
/* 在寬度小于等于600px的設備上應用該樣式 */
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
/* 在寬度在601px到1024px之間的設備上應用該樣式 */
}
@media only screen and (min-width: 1025px) {
/* 在寬度大于等于1025px的設備上應用該樣式 */
}

上述代碼中，我們使用了max-width和min-width屬性來設置設備的寬度范圍，從而分別應用不同的樣式。

另外，我們還可以使用viewport單位來設置分辨率。viewport是指瀏覽器顯示網頁的區域，可以通過設置viewport的寬度和高度來控制頁面的縮放比例。例如：

上述代碼中，我們使用meta標簽來設置viewport的寬度為設備的寬度，這樣可以保證頁面在不同設備上以正確的比例顯示。

總之，在設置頁面分辨率時，我們需要根據實際情況選擇合適的方法，并測試不同設備上的顯示效果。