如今，越來越多的用戶使用手機來訪問網站。但是，手機屏幕大小各異，如何實現網站在不同大小的屏幕上都展現良好的效果呢？這時，CSS就派上用場了，我們可以使用CSS來適應不同大小的屏幕。

想要讓網站能夠適應各種不同尺寸的設備屏幕，我們需要使用CSS3新增的媒體查詢（Media Queries）功能。

/* 小屏幕 */
@media screen and (max-width: 400px) {
body {
font-size: 12px;
}
}
/* 中等屏幕 */
@media screen and (min-width: 401px) and (max-width: 768px) {
body {
font-size: 14px;
}
}
/* 大屏幕 */
@media screen and (min-width: 769px) {
body {
font-size: 16px;
}
}

上述代碼分別表示小屏幕、中等屏幕和大屏幕下網頁的字體大小，可以根據不同的屏幕大小來適應調整。

此外，還可以使用響應式布局（Responsive Layout）來適應不同屏幕大小。比如，可以使用flexbox或grid布局來進行排版，或者使用相對單位（如em或rem）來調整元素大小。

總之，CSS在適應不同屏幕大小方面提供了很多的解決方案，我們可以根據自己的需求來選擇使用哪一種方法。這樣，我們就可以讓網站在任何大小的設備屏幕上都能夠展現良好的效果。