CSS適配屏幕大小是網頁開發中不可避免的問題，尤其是隨著移動設備的廣泛使用。

在CSS中，我們可以使用“百分比”、“em”、“rem”等相對單位來表示長度和大小。這些相對單位可以根據視口大小（即瀏覽器窗口或設備屏幕大小）進行自適應。

下面是一個使用百分比單位的CSS示例：

img {
width: 100%; /* 圖片寬度占據父元素（如div）的100% */
}

還可以使用CSS3的“媒體查詢”來根據不同視口大小應用不同的樣式：

@media only screen and (max-width: 768px) {
/* 當視口寬度小于等于768像素時應用以下樣式 */
body {
font-size: 16px; /* 修改字體大小 */
}
}

在上面的示例中，“max-width: 768px”表示當視口寬度小于等于768像素時應用媒體查詢內的樣式。

最后，我們還可以使用響應式框架（如Bootstrap、Foundation等）來快速地實現視口自適應布局。

總之，通過使用相對單位、媒體查詢和響應式框架等方法，我們可以輕松地實現CSS適配不同屏幕大小的目的。