CSS可以通過媒體查詢來判斷不同的設備分辨率，并應用相應的樣式。媒體查詢可以根據設備的寬度、高度、方向、顏色等特性來實現對不同設備的區分。

@media screen and (min-width: 768px) and (max-width: 1024px) {
/*在分辨率在 768px 到 1024px 之間的設備上應用的樣式*/
}

在示例中，min-width和max-width用來設置分辨率的最小值和最大值。如果設備的寬度小于最小值或大于最大值，則該樣式不會應用。

除了選擇設備寬度為基礎之外，還可以通過其他設備屬性來實現不同設備的樣式。例如，選擇手機屏幕相對于設備高度的占比來設置樣式。

@media screen and (max-height: 600px) {
/*在設備高度小于或等于 600px 的設備上應用的樣式*/
}

使用媒體查詢可以實現能夠適應不同設備分辨率的網站設計，提高用戶體驗，讓頁面更加易讀和易用。