CSS手機適配是開發移動端網頁的重要一環。在進行樣式編寫時，我們需要考慮到手機屏幕的尺寸及分辨率等因素，來使網頁在各種設備上都能夠呈現出最佳效果。在這個過程中，我們經常需要用到一些常用的寬度，在此進行介紹。

/*常用寬度*/
@media screen and (max-width: 479px) {
/*iPhone 4/4S及5/5S/5C*/
body {
width: 320px;
margin: 0 auto;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
/*iPhone 6/6S/7/8/SE(第二代)*/
body {
width: 375px;
margin: 0 auto;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
/*iPad*/
body {
width: 768px;
margin: 0 auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
/*iPad Pro*/
body {
width: 1024px;
margin: 0 auto;
}
}
@media screen and (min-width: 1280px) {
/*PC端*/
body {
width: 1200px;
margin: 0 auto;
}
}

在以上代碼中，我們為不同的設備設置了不同的最大值和最小值，來識別不同的設備，并用相應的寬度來適配不同的屏幕尺寸。值得注意的是，這里我們設置了 body 元素的寬度和居中對齊，以充分利用手機屏幕的空間。

在進行CSS手機適配時，我們還需要考慮到其他一些因素，例如元素排版、字體大小和邊距等。但是，常用寬度的設置是我們進行移動端網頁布局的一個基本操作，掌握之后能夠幫助我們更好地應對不同的屏幕尺寸和設備。