CSS中的屏幕寬度判斷是一項非常重要的技能，因為不同寬度的屏幕需要不同的樣式來適應。

在CSS中，我們可以使用@media規則來應用不同的樣式，具體的代碼如下所示：

@media screen and (max-width: 768px) {
/* 這里寫適用于小于等于 768px 的屏幕的樣式 */
}
@media screen and (min-width: 769px) and (max-width: 992px) {
/* 這里寫適用于 769px 到 992px 的屏幕的樣式 */
}
@media screen and (min-width: 993px) {
/* 這里寫適用于大于等于 993px 的屏幕的樣式 */
}

在以上代碼中，我們使用了@media規則來判斷屏幕的寬度，并在不同的條件下應用不同的樣式。例如，當屏幕寬度小于等于768px時，我們將應用@media screen and (max-width: 768px)的規則。

使用這種技術可以幫助我們更好地適應不同寬度的屏幕，提升用戶體驗。