現今，人們不斷地使用手機進行網頁瀏覽。為了讓網頁在手機上也能夠良好展示，就需要用到手機 CSS。該 CSS 主要針對手機屏幕大小以及顯示效果等方面做出優化。

@media screen and (max-width: 640px) {
/*手機屏幕的最大寬度為640px時，執行以下 CSS */
body {
font-size: 14px;
}
.header {
background-color: #f8f8f8;
height: 60px;
text-align: center;
}
}

CSS 的作用是描述 HTML 頁面上所有的元素及其所需的樣式。在網頁中，我們使用的 CSS 代碼一般指的是桌面端的 CSS。但是，習慣性地忽視了，手機使用的也需要自己的 CSS 來優化。

body {
font-size: 16px;
}
.header {
background-color: #f8f8f8;
height: 80px;
text-align: center;
}

實際上，手機 CSS 的設計考量因素比桌面端更多。比如，屏幕大小、響應式設計以及觸摸事件等都需要專門優化。在開發一個響應式設計的網頁時，我們總是需要兼顧兼容各種設備，而不同設備所用的 CSS 是不同的。

在搭建網頁時，對于優化方面，桌面端和手機端應該是分開考慮的。因為兩端的用戶群體、設備與使用場景等都有所不同。用正確的 CSS 來搭配不同的設備，才能夠將網頁完美稍引導至每個用戶的手中。