CSS（Cascading Style Sheets）是一種用于網頁設計的語言。它可以控制網頁的布局、顏色、字體等方面的樣式。其中，設置屏幕的樣式是CSS的一個重要功能之一。

要設置屏幕的樣式，我們需要用到CSS中的一個重要屬性——“媒體查詢”。媒體查詢允許我們根據設備的屏幕大小和分辨率，為不同的設備設置不同的樣式。

@media screen and (max-width: 768px) {
// 在寬度小于等于768px的屏幕上應用這些樣式
body {
font-size: 16px;
background-color: #f7f7f7;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
// 在寬度大于769px、小于等于1024px的屏幕上應用這些樣式
body {
font-size: 18px;
background-color: #e1e1e1;
}
}
@media screen and (min-width: 1025px) {
// 在寬度大于1025px的屏幕上應用這些樣式
body {
font-size: 20px;
background-color: #d2d2d2;
}
}

上述代碼示例中，我們通過媒體查詢來為不同屏幕大小的設備設置不同的樣式。當寬度小于等于768px時，設置body的字體大小為16px，背景色為#f7f7f7；當寬度大于769px、小于等于1024px時，設置body的字體大小為18px，背景色為#e1e1e1；當寬度大于1025px時，設置body的字體大小為20px，背景色為#d2d2d2。

在實際開發中，我們可以根據不同設備的尺寸和分辨率，設置不同的字體大小、行距、間距等樣式，以達到更好的排版效果。這不僅可以提升用戶體驗，還能使網頁更具有可讀性。