在前端開發中，經常需要為不同的設備提供不同的外觀和布局。例如，在電腦上顯示的網頁可能需要更多的寬度和內容，而在手機上則需要更小的尺寸和簡化的設計。

CSS提供了一些方法來區分不同的設備。其中一種常見的方法是使用媒體查詢（Media Queries）。媒體查詢可以根據設備的特征（如屏幕尺寸、分辨率、方向等）來選擇應用不同的CSS規則。

/* 電腦端樣式 */
@media screen and (min-width: 1024px) {
body {
font-size: 16px;
max-width: 960px;
margin: 0 auto;
}
}
/* 手機端樣式 */
@media screen and (max-width: 768px) {
body {
font-size: 14px;
max-width: 100%;
padding: 10px;
}
}

上面的代碼使用了媒體查詢來區分電腦和手機。在屏幕寬度大于1024px時，會應用電腦端的樣式，設置最大寬度為960px，居中顯示；在屏幕寬度小于768px時，會應用手機端的樣式，設置最大寬度為100%，添加10px的內邊距。

除了媒體查詢，還有一些其他的方法可以用來區分不同的設備，例如使用JavaScript檢測設備類型，或者使用響應式框架等。但是使用CSS媒體查詢是最常用的方法之一，可以極大地提高網站的可訪問性和用戶體驗。