CSS 語言中有一個非常重要的概念 —— 響應式設計。因為現在的互聯網已經不僅僅是在桌面瀏覽器上訪問了，我們還經常使用手機、平板等設備進行上網，因此網站必須要能夠適應不同屏幕尺寸的設備。而在響應式設計中，判斷屏幕大小是非常重要的。

在 CSS 中，可以使用 @media 規則來實現根據屏幕大小應用不同的 CSS 樣式。比如，我們可以針對較小屏幕使用不同的字體大小、布局等等。而 @media 規則的關鍵就在于判斷屏幕大小。

/* 在 CSS 中使用媒體查詢實現判斷屏幕大小 */
@media (max-width: 767px) {
/* 以下是屏幕寬度小于等于 767px 時應用的樣式 */
}
@media (min-width: 768px) and (max-width: 991px) {
/* 以下是屏幕寬度在 768px 和 991px 之間時應用的樣式 */
}
@media (min-width: 992px) {
/* 以下是屏幕寬度大于等于 992px 時應用的樣式 */
}

上面的代碼使用了 @media 規則，其中 max-width 和 min-width 表示屏幕寬度的范圍。可以使用不同的單位來表示屏幕寬度，比如 px、em、rem 等等。

總之，在進行響應式設計時，我們必須要考慮到不同屏幕尺寸的用戶，使用 @media 規則來判斷屏幕大小并應用不同的樣式是非常重要的一步。