在現代社會中，人們越來越依賴于移動設備來訪問互聯網，因此，網頁在移動設備上的呈現與用戶體驗也變得尤為重要。但是，許多網頁都是為PC端設計的，要在移動設備上呈現出好的效果就需要進行適配。CSS是一種常用的解決方法，本文章將介紹如何使用CSS來適配PC端網頁在移動設備上的呈現。

@media screen and (max-width: 768px) {
/* 樣式代碼 */
}

首先，我們需要設置一個媒體查詢來針對不同的屏幕大小進行適配。移動設備的屏幕尺寸通常遠小于PC端，因此我們需要確定一個最大值，比如在上面的代碼中，我們設置了當屏幕寬度小于或等于768像素時開始應用適配樣式。

body {
width: 90%;
margin: 0 auto;
}

接下來，我們需要對網頁的布局進行適配。在PC端，我們通常會將網頁的寬度設置為固定值，但在移動設備上，寬度應該根據設備大小做出自適應調整。上面的代碼展示的是如何將網頁寬度設置為相對值，并居中對齊。

img {
max-width: 100%;
height: auto;
}

圖片也需要在移動設備上進行適配。在PC端，我們可以將圖片的寬度設置為固定值，但在移動設備上，圖片的大小應該根據設備大小做出自適應調整，以防止因為過大的圖片導致頁面加載速度變慢。上面的代碼展示如何將圖片的寬度設置為相對值，并且高度自動調整，以保證圖片在移動設備上顯示正常。

通過使用上述的適配方法，我們可以在不改變PC端網頁的基本樣式的情況下，在移動設備上呈現出更加友好和美觀的效果。同時，我們也可以使用CSS3中增加的一些特性，如flexbox和grid，來進一步提升移動設備上的用戶體驗，這是值得嘗試的。