CSS可以通過media查詢來判斷瀏覽器屏幕大小，從而適應不同的設備。

@media screen and (max-width: 768px){
/* 屏幕寬度小于等于768px時執行的樣式 */
}
@media screen and (min-width: 768px){
/* 屏幕寬度大于等于768px時執行的樣式 */
}
@media screen and (min-width: 992px){
/* 屏幕寬度大于等于992px時執行的樣式 */
}
@media screen and (min-width: 1200px){
/* 屏幕寬度大于等于1200px時執行的樣式 */
}

根據上面的代碼，當屏幕寬度小于等于768px時，會使用第一個媒體查詢里的樣式；當屏幕寬度大于768px且小于等于992px時，會使用第二個媒體查詢里的樣式；當屏幕寬度大于992px且小于等于1200px時，會使用第三個媒體查詢里的樣式；當屏幕寬度大于1200px時，會使用第四個媒體查詢里的樣式。

通過這種方式，我們可以為不同的設備或屏幕大小提供不同的樣式，從而提高網站的用戶體驗。