CSS是一種常用的網(wǎng)頁樣式語言，在設(shè)計響應(yīng)式網(wǎng)頁時，如何適配手機屏幕是非常重要的。

以下是一些常見的CSS代碼，可以幫助你適配手機屏幕：

/* 設(shè)置頁面寬度等于設(shè)備寬度，禁用縮放 */
html,body{
width:100%;
overflow-x:hidden;
-webkit-text-size-adjust:none;
-ms-text-size-adjust:none;
-webkit-tap-highlight-color:transparent;
}
/* 禁用字體自適應(yīng)大小 */
body{
-webkit-text-size-adjust:none;
}
/* 設(shè)置手機屏幕字體大小和行高 */
@media screen and (max-width: 380px){
body{
font-size:16px;
line-height:1.5em;
}
}
/* 設(shè)置不同屏幕寬度下的布局樣式 */
@media screen and (max-width:750px){
.container{
padding:0 10px;
}
}
/* 設(shè)置固定寬度相對于設(shè)備寬度的百分比 */
@media screen and (max-width: 480px){
.content{
width:90%;
max-width:400px;
margin:0 auto;
}
}

以上代碼是一些簡單的適配手機屏幕的CSS代碼，使用這些代碼可以讓網(wǎng)頁更友好地在手機上展示。