在Web開發中，很多時候需要設置網頁適應不同大小的設備，特別是移動設備。下面介紹一下如何使用HTML來設置網頁為手機大小。 首先，我們需要使用meta標簽來定義視口（viewport），它是用戶代理（瀏覽器）用來渲染網頁布局的虛擬區域。

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

其中content屬性指定視口寬度為設備寬度（device-width），也就是把網頁寬度設置為設備寬度，使得網頁在設備上顯示時寬度與屏幕寬度一致。 接著，我們需要對CSS樣式做出一些調整，以適應移動設備的屏幕。

/*針對小屏幕的樣式*/
@media screen and (max-width: 480px) {
/*此處為具體樣式*/
}

上述代碼中的@media查詢語句指定瀏覽器視口寬度小于或等于480px時，應用其中括號內的樣式。 最后，我們還需要確保HTML內容可以在小屏幕中有效顯示。避免使用過大的圖片或表格，也可以使用一些響應式網站設計的技巧，如使用流式布局和彈性圖片。 綜上所述，通過上述HTML和CSS的設置，我們就可以輕松地將網頁適應移動設備的屏幕大小，為用戶提供更好的瀏覽體驗。