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

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

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

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

實(shí)際上，手機(jī) CSS 的設(shè)計(jì)考量因素比桌面端更多。比如，屏幕大小、響應(yīng)式設(shè)計(jì)以及觸摸事件等都需要專門優(yōu)化。在開發(fā)一個(gè)響應(yīng)式設(shè)計(jì)的網(wǎng)頁時(shí)，我們總是需要兼顧兼容各種設(shè)備，而不同設(shè)備所用的 CSS 是不同的。

在搭建網(wǎng)頁時(shí)，對于優(yōu)化方面，桌面端和手機(jī)端應(yīng)該是分開考慮的。因?yàn)閮啥说挠脩羧后w、設(shè)備與使用場景等都有所不同。用正確的 CSS 來搭配不同的設(shè)備，才能夠?qū)⒕W(wǎng)頁完美稍引導(dǎo)至每個(gè)用戶的手中。