HTML5是現代網頁開發中不可或缺的一部分，在構建網頁時，我們需要考慮到網頁的尺寸問題，來適應不同的設備。本文將介紹HTML5如何設置網頁尺寸。 HTML5中設置網頁尺寸的方法是通過CSS（層疊樣式表）來實現的。CSS是一種用于網頁排版和樣式設置的語言，可以將HTML文檔中的元素和標簽進行美化和排版。下面我們來看看具體實現方法。 首先在HTML文檔中，我們需要使用meta標簽來指定網頁的視口(viewport)。視口代表了網頁在設備屏幕上顯示的區域，在不同的設備上，視口大小也會有所不同。我們需要設置視口大小，來適應不同的設備。 以下是設置視口大小的代碼：

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

這里的content屬性指定了視口的大小，其中width代表設備的寬度，initial-scale代表縮放比例。設置這個meta標簽后，瀏覽器會自動根據設備大小來縮放網頁。 接下來，我們需要使用CSS代碼來設置網頁的尺寸。一般來說，我們常常用百分比（%）單位來設置元素的尺寸，以適應不同大小的設備。 以下是設置網頁寬度為100%的代碼：

<style>
body {
width: 100%;
}
</style>

這里的body代表網頁的主體，width: 100%表示將網頁寬度設為設備寬度的百分之百。這樣，在不同的設備上，網頁的寬度也會自適應。 除了使用百分比單位，我們還可以使用viewport單位。viewport單位根據視口大小來計算元素的尺寸，更加靈活。 以下是設置網頁寬度為視口寬度的代碼：

<style>
body {
width: 100vw;
}
</style>

這里的vw代表視口寬度的百分之一，即1vw等于視口寬度的1%。這樣設置后，網頁的寬度就與視口大小保持一致了。 總結而言，通過設置meta標簽、使用百分比和viewport單位，HTML5可以很好地適應不同大小的設備和屏幕分辨率。這樣，用戶可以在任何設備上享受到最佳的瀏覽體驗。