CSS手機版是現代網頁設計中必不可少的一環，它可以幫助網站在移動設備上更好地展示。下面是關于CSS手機版如何使用的介紹。

首先，我們需要在HTML中添加viewport元標簽。這個標簽非常重要，因為它會告訴移動設備如何縮放頁面。在標簽中添加以下代碼：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

接下來，在CSS中設置媒體查詢。媒體查詢是一種CSS技術，可以根據屏幕的寬度和高度等屬性來應用不同的CSS樣式。下面是一個例子：

@media screen and (max-width: 768px) {
/* 這里的樣式會在屏幕寬度小于768px時生效 */
body {
font-size: 16px;
}
/* 其他樣式 */
}

在媒體查詢中，我們可以根據不同的屏幕尺寸設置不同的樣式，例如字體大小、布局、顏色等等。為了確保樣式生效，我們還需要在HTML中引入CSS文件：

<link rel="stylesheet" href="style.css">

最后，我們需要測試并調整CSS樣式。由于不同的移動設備有不同的屏幕尺寸，我們需要測試我們的樣式在不同尺寸的設備上的效果，例如iPhone、iPad、Android手機和平板電腦等。

總之，CSS手機版是現代網頁設計中必不可少的一環。通過使用媒體查詢、viewport元標簽和測試，我們可以創建出適用于移動設備的優秀網站。