在前端網頁開發中，CSS是一個非常重要的東西。需要合適的CSS樣式來展示出美觀、易讀的網頁。CSS可以改變文本、背景、列表、表格等網頁元素的樣式。而設備屏幕寬度也是CSS中非常重要的一個作用。

在很多情況下，你需要為不同的設備寬度制定不同的CSS樣式。這意味著，如果用戶使用的是小尺寸的設備比如手機，你需要使用比在電腦上訪問時更小的字體來閱讀網頁。同時，在大尺寸設備上，你還需要為頁面布局設置更多的列。

CSS提供了一種媒體查詢（media queries）的方式，使得你可以在不同尺寸的設備上運行不同的CSS樣式。下面是一個媒體查詢的例子，根據設備屏幕的寬度應用不同的CSS樣式：

@media only screen and (max-width: 600px) {
body {
font-size: 12px;
}
}
@media only screen and (min-width: 601px) {
body {
font-size: 16px;
}
}
@media only screen and (min-width: 1200px) {
.container {
width: 80%;
}
}

在這個例子中，我們使用了三個媒體查詢。第一個查詢根據設備屏幕寬度max-width設置字體大小為12px（只有寬度小于等于600px的設備才會生效）。第二個查詢根據設備屏幕寬度min-width將字體大小設置為16px（只有寬度大于等于601px的設備才會生效）。第三個查詢按照設備屏幕寬度大于等于1200px設置容器寬度為80%。

總之，CSS樣式中考慮到設備屏幕寬度很重要。設計一個響應式網頁，確保用戶可以在任何設備上訪問到網頁的確切內容和布局。