如今，越來(lái)越多的用戶使用手機(jī)來(lái)訪問(wèn)網(wǎng)站。但是，手機(jī)屏幕大小各異，如何實(shí)現(xiàn)網(wǎng)站在不同大小的屏幕上都展現(xiàn)良好的效果呢？這時(shí)，CSS就派上用場(chǎng)了，我們可以使用CSS來(lái)適應(yīng)不同大小的屏幕。

想要讓網(wǎng)站能夠適應(yīng)各種不同尺寸的設(shè)備屏幕，我們需要使用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;
}
}

上述代碼分別表示小屏幕、中等屏幕和大屏幕下網(wǎng)頁(yè)的字體大小，可以根據(jù)不同的屏幕大小來(lái)適應(yīng)調(diào)整。

此外，還可以使用響應(yīng)式布局（Responsive Layout）來(lái)適應(yīng)不同屏幕大小。比如，可以使用flexbox或grid布局來(lái)進(jìn)行排版，或者使用相對(duì)單位（如em或rem）來(lái)調(diào)整元素大小。

總之，CSS在適應(yīng)不同屏幕大小方面提供了很多的解決方案，我們可以根據(jù)自己的需求來(lái)選擇使用哪一種方法。這樣，我們就可以讓網(wǎng)站在任何大小的設(shè)備屏幕上都能夠展現(xiàn)良好的效果。