在設計響應式網站的時候，判斷用戶使用的是手機還是電腦是非常重要的。而CSS可以幫助我們實現這一點。

@media screen and (max-width: 768px) {
/*手機端CSS樣式*/
}
@media screen and (min-width: 769px) {
/*電腦端CSS樣式*/
}

我們可以通過CSS的@media規則，根據屏幕寬度來判斷用戶使用的是手機還是電腦。在這里，我們設定屏幕寬度小于等于768像素的設備為手機端，大于768像素的設備為電腦端。這里也可以根據實際需求來設定不同的寬度。

當設備寬度小于等于768像素的時候，@media screen and (max-width: 768px)規則就會生效，這時可以在其中設置手機端需要的CSS樣式。同理，設備寬度大于768像素的時候，@media screen and (min-width: 769px)規則就會生效，這時可以在其中設置電腦端需要的CSS樣式。

總之，CSS的@media規則可以幫助我們實現對不同屏幕寬度的適配，為響應式設計提供了更多的可能性。