如今越來越多的用戶使用手機進行網(wǎng)頁瀏覽，為了適應這一趨勢，很多網(wǎng)站都開發(fā)了手機版網(wǎng)頁，而在手機版網(wǎng)頁的開發(fā)中，設置合適的寬度顯得尤為重要。

在編寫手機版網(wǎng)頁時，我們需要對不同的設備進行適配，而不同的設備寬度是不一樣的，這時候就需要使用css的寬度屬性進行設置。我們可以使用百分比或者固定像素值來設置寬度。

如果我們使用百分比來設置寬度，這樣可以讓頁面更好的適應不同尺寸的設備，比如設置:

.container{
	width: 90%;
}

這樣在不同寬度的設備上都可以顯示良好。但是如果設備屏幕太小，比如說320px，那么寬度只有288px，這時候可能導致文字和圖片擠在一起，影響用戶閱讀體驗。

因此，除了使用百分比設置寬度，我們還可以使用固定像素值來限制寬度，比如:

.container{
	max-width: 480px;
}

這樣就可以讓在寬度小于480px的設備上，容器的寬度都是480px，不會出現(xiàn)寬度過小的問題。同時，可以讓頁面在較大尺寸的設備上居中顯示，用戶體驗更佳，這是固定寬度值的優(yōu)勢所在。

總之，在編寫手機版網(wǎng)頁時，我們需要結(jié)合不同設備尺寸來設置合適的寬度，既要保證頁面的美觀性，又要兼顧用戶體驗，這樣才能讓我們的網(wǎng)頁在移動設備上得到更好的顯示效果。