CSS如何在手機端進行自適應呢？下面我們來探討一下。

首先，在編寫CSS樣式時，要盡可能使用相對單位，比如vw、vh、em和rem等，而不是像素（px）單位。因為像素單位不同設備上的尺寸會不一樣，會導致在不同設備上顯示效果不同。

{
font-size: 1rem; /*1rem等于根元素字體大小，如16px*/
width: 50vw; /*視口寬度的50%*/
height: 50vh; /*視口高度的50%*/
margin: 1em; /*相對于父元素字體大小的1倍*/
}

其次，要確保使用響應式布局。通過@media查詢，根據設備屏幕的大小為不同的設備提供特定的CSS布局，以達到響應式的效果。同時還可以利用CSS Grid和Flexbox等技術來實現布局的自適應。

.wrapper { /*使用CSS Grid*/
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /*自適應列*/
grid-gap: 1em;
}

最后，建議在開發過程中使用模擬器或真實設備測試網站的響應式效果，以確保頁面在各種設備上都能正常顯示。

本文介紹了CSS如何在手機端進行自適應，包括使用相對單位、響應式布局和適當測試。這些技術可以幫助我們實現頁面的自適應，讓網站在不同的設備上都可以展現完美的效果。