CSS3是網頁開發的一個重要標準，它不僅能夠優化網頁的視覺效果，還可以實現更多的交互效果和響應式設計。當然，CSS3也可以實現手機自適應的效果，下面我們就來了解一下：

@media screen and (max-width: 768px){
body{
font-size: 14px;
}
}

在上面的代碼中， @media查詢用于設定屏幕的最大寬度。當瀏覽器的寬度小于768px時，樣式表會自動啟用。然后，我們就可以輕松地指定在手機上應該使用怎樣的樣式表。

響應式設計可以使用戶在移動設備上訪問網站時，用更小的屏幕綠縮放比例查看網頁。增加了用戶的體驗，也更符合設備的兼容性。同時，我們的設計在不同的設備上都能夠得到準確的展現，充分體現了CSS3在網頁設計中的作用。

總結來說，使用CSS3可以輕松實現手機自適應，更好的適應不同的設備，使用戶達到更好的瀏覽體驗。