CSS是一種用于控制網頁樣式的語言，可以為網頁增加各種各樣的設計元素。在如今移動設備日益普及的時代，我們需要考慮如何適應不同設備尺寸，而CSS正是我們調整網頁在不同設備中展示方式的利器。

如何讓CSS適應手機端呢？以下是幾個需要注意的要點：

/* 1.利用媒體查詢 */
@media screen and (max-width: 768px) {
/* 這里是針對在寬度小于等于768px 的設備中設置的樣式 */
}
/* 2.使用相對單位 */
.container {
width: 100%; /* 相對于父元素寬度設置寬度 */
font-size: 16px; /* 相對于默認字體大小設置字體大小 */
margin-top: 2em; /* 相對于默認行高設置上邊距 */
}
/* 3.使用彈性盒子布局 */
.container {
display: flex; /* 設置子元素按照彈性盒子布局 */
flex-wrap: wrap; /* 當子元素過多而超出父元素寬度時，自動換行 */
justify-content: space-between; /* 按照水平方向等間距排列子元素 */
align-items: center; /* 按照垂直方向居中對齊子元素 */
}

最后，多嘗試不同的CSS樣式和適配方法，在不斷調整和優化中，才能讓網頁在不同設備中都有更好的展示效果。