CSS在網(wǎng)頁設(shè)計中起著非常重要的作用，其中之一就是針對手機(jī)端進(jìn)行適配。在具體實現(xiàn)中，如何使網(wǎng)頁能夠在安卓手機(jī)上呈現(xiàn)良好的效果也是很重要的一步。

/* 以iphone6為標(biāo)準(zhǔn)進(jìn)行適配 */
html{
font-size: 37.5px;
/* 在iphone6上，1rem=37.5px */
overflow-x: hidden;
}
// 安卓4.4以下機(jī)型的hack
@media screen and (min-width:300px){
html{
font-size: 25px;
/* 在其它機(jī)型上，1rem=25px */
}
}
@media screen and (min-width:375px){
html{
font-size: 27.5px;
/* 在寬度為375px的機(jī)型上，1rem=27.5px */
}
}
@media screen and (min-width:414px){
html{
font-size: 30px;
/* 在寬度為414px的機(jī)型上，1rem=30px */
}
}

通過CSS的媒體查詢，我們可以對不同寬度的安卓手機(jī)做出相應(yīng)的處理，使其在不同分辨率的設(shè)備上，都能夠有良好的展示效果。同時，在編寫CSS時，也要注意盡量避免使用硬編碼的像素值，而是使用相對單位，如em、rem等，從而保證良好的可擴(kuò)展性。