CSS是一種用于網頁設計的語言。一項重要的功能是控制屏幕的大小，這非常重要，因為不同的設備有不同的屏幕大小，要使網站看起來美觀和易于使用，需要對這些大小進行設置。

要設置屏幕大小，需要使用CSS的“@media”規則。這個規則允許根據不同的屏幕大小應用不同的樣式。

@media (max-width: 768px) {
/* 手機和iPad橫屏大小的樣式 */
}

上面的代碼片段表示只有當屏幕寬度小于或等于768像素時才應用樣式。

可以根據需要應用不同的樣式。例如，我們可以選擇不同的字體大小、行距和頁面寬度。

@media (max-width: 768px) {
body {
font-size: 16px;
line-height: 1.5;
}
.container {
max-width: 100%;
padding: 20px;
}
}

上面的代碼片段表示當屏幕寬度小于或等于768像素時，網站的字體大小為16像素，行距為1.5，容器的寬度為100%且左右各有20像素的內邊距。

要使網站響應式，可以使用多個@media規則，覆蓋多種屏幕大小。

@media (max-width: 991px) {
/* 平板和小型筆記本電腦大小的樣式 */
}
@media (max-width: 767px) {
/* 手機和iPad橫屏大小的樣式 */
}
@media (max-width: 480px) {
/* 小型移動設備大小的樣式 */
}

使用CSS可以輕松地控制屏幕大小，并使網站適應不同的設備。這是一個非常重要的設計技術，旨在提高用戶體驗和吸引訪問者。