CSS屏幕適配方案是一項非常重要的技術，因為現今的社會中有很多種不同的設備、手機等屏幕大小不一樣的設備，需要進行不同的適配和縮放來讓用戶的瀏覽更加完美。在Web中，使用CSS,尤其是CSS3時代，進行適配和縮放是一種非常有效的方法。

@media screen and (min-width: 1024px) {
/*PC設計*/
body {
width: 1024px;
}
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
/*iPad設計*/
body {
width: 768px;
}
}
@media screen and (max-width: 768px) and (min-width: 320px) {
/*移動端設計*/
body {
width: 320px;
}
}

以上代碼中，我們使用了@media查詢規則（即媒體查詢規則）來適配不同的屏幕大小。其中，we可以指定當屏幕寬度在某個范圍內時，需要應用的CSS樣式。例如，當屏幕寬度在1024px及以上時，應用PC樣式，寬度為1024px;在768px和1024px之間時應用iPad樣式，寬度為768px;在320px和768px之間時，應用移動端樣式，寬度為320px。

在設計響應式網頁時，我們可以根據設計從大到小的優先級逐步設置樣式，讓每種屏幕大小都有一個最合適的布局。使用CSS的媒體查詢功能可以真正實現網頁的屏幕適配，讓我們的網頁在任何設備上都能夠看起來更美觀，更方便瀏覽。