隨著移動互聯網的普及，越來越多的人開始使用智能手機上網，因此對于移動設備的網站設計變得越來越重要。使用HTML5可以為移動設備提供更好的網頁體驗，并且可以更好地適應不同尺寸的屏幕。

其中一個很重要的問題是如何設置手機屏幕的寬度。HTML5中可以使用以下代碼：

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

這行代碼可以讓瀏覽器在移動設備上正確渲染網頁，使頁面自適應于當前設備的屏幕寬度。其中，width=device-width意味著視口寬度應該等于設備寬度，而initial-scale=1.0則指定頁面的初始縮放比例。

除了這個設置，我們還可以使用CSS3的媒體查詢來根據不同的屏幕尺寸設置不同的樣式。例如：

@media (max-width: 768px) { 
/* 在這里編寫小于768像素屏幕的樣式 */ 
} 
@media (min-width: 768px) { 
/* 在這里編寫大于等于768像素屏幕的樣式 */ 
}

通過這樣的設置，我們可以根據不同設備的屏幕大小來選擇合適數量的列、字體大小以及其他的CSS樣式。這將使我們的網站更具有適應性，為用戶提供更好的流暢體驗。

總之，HTML5讓我們能夠更好地適應移動設備，并可以在不同屏幕尺寸上提供優質的網頁體驗。我們可以使用meta viewport來設置設備視口寬度，并使用CSS3的媒體查詢來更好地適應屏幕大小。