CSS是一種用于網頁設計中的技術語言，它可以通過設置樣式來改變網頁的外觀和布局。當設計網頁時，我們需要考慮的一個重要因素就是電腦屏幕的分辨率。

屏幕分辨率指的是屏幕上每英寸的像素數量。這個數字越高，圖像就越清晰，文字就更易于閱讀。然而，不同的設備有著不同的屏幕分辨率，因此我們需要使用CSS來適應這些變化。

當編寫CSS代碼時，我們可以使用一些單位來指定長度和寬度，如像素（px）、厘米（cm）、百分比（%）、視窗尺寸（vw、vh）等等。其中，像素是最常用的單位之一。

/* CSS代碼中的長度和寬度單位示例 */
div {
width: 100px;
height: 50%;
margin: 1cm;
font-size: 2vw;
border: 2px solid black;
}

在這些單位中，像素為固定長度單位，因此我們可以使用它來對屏幕分辨率進行適應。在編寫CSS代碼時，我們可以針對不同的屏幕分辨率設置不同的樣式。

/* CSS代碼中的屏幕分辨率適應示例 */
@media screen and (max-width: 768px) {
/* 用于移動設備 */
div {
width: 50%;
height: auto;
font-size: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
/* 用于平板電腦 */
div {
width: 70%;
height: auto;
font-size: 1.8rem;
}
}
@media screen and (min-width: 1025px) {
/* 用于筆記本電腦和桌面電腦 */
div {
width: 30%;
height: auto;
font-size: 2rem;
}
}

在上述代碼中，我們使用了媒體查詢（media query）來檢測設備的屏幕分辨率。根據不同屏幕的尺寸，我們為其設置了不同的樣式。

總的來說，使用CSS來適應不同的屏幕分辨率是網頁設計中的一個重要方面。通過使用像素和媒體查詢，我們可以為不同的設備提供最佳的網頁展示效果，提高用戶的使用體驗。