CSS是一種重要的網頁樣式表語言，它可以用來設置網頁的各種樣式效果，包括字體、顏色、布局、邊框等等。當然，CSS還可以用來設置手機端的樣式效果，讓網頁在手機上的顯示效果更加優美和方便。

當我們使用CSS來設置手機端的樣式時，一定要注意以下幾個方面：

1. 垂直排列
@media (min-width: 640px) {
/* 在寬度大于等于640px時的樣式，即PC端樣式 */
body {
display: flex;
flex-direction: row;
justify-content: space-between;
}
}
@media (max-width: 639px ) {
/* 在寬度小于等于639px時的樣式，即移動端樣式 */
body {
display: flex;
flex-direction: column;
}
}

使用媒體查詢的方式來設置移動端樣式和PC端樣式的區別。

2. 自適應布局
@media screen and (min-width: 320px) and (max-width: 767px){
body {
width: 100%;
}
.container {
width: 100%;
}
}

使用自適應布局來實現在不同設備上顯示效果的自適應，能夠提升用戶的體驗，讓用戶更加方便快捷地瀏覽網頁。

3. 圖片大小調整
@media screen and (max-width: 480px){
img {
width: 100%;
}
}

在移動端設備中，圖片需要根據實際的屏幕大小進行比例縮放，這樣才能夠保證圖片的清晰度和整體的美觀度。

總之，通過合適的CSS設置，我們可以讓移動端的網頁顯示效果更加友好和高效，為用戶帶來更好的視覺體驗。