在現代世界，越來越多的人使用手機來瀏覽網頁。因此，使您的網站對移動設備友好是非常重要的。本文將介紹如何使用CSS獲取適應手機的寬度。

@media screen and (max-width: 500px) {
/* 樣式 */
}

要讓您的網站適應各種大小的屏幕，您可以使用CSS中的媒體查詢。媒體查詢允許您根據瀏覽器視窗的大小應用不同的樣式。

在上面的代碼中，我們定義了一個媒體查詢，它的最大寬度為500像素。當瀏覽器視窗的寬度小于或等于500像素時，其中的樣式將被應用。

另外，您還可以在HTML文檔中使用meta標簽來幫助瀏覽器正確地縮放和布局您的網站。上面的代碼告訴瀏覽器使用設備的寬度作為視窗寬度，并將初始縮放級別設置為1.0。

在移動設備上執行CSS調試可以使用Google Chrome的“設備模式”。打開Chrome開發者工具并單擊左上角的“設備圖標”即可進入設備模式。在此模式下，您可以選擇不同的設備（如iPhone或Samsung Galaxy）并查看您的網站在該設備上的外觀。

總之，使您的網站適應各種大小的屏幕非常重要。通過使用上述技術，您可以更好地滿足移動用戶的需求。