隨著移動設備的普及，越來越多的用戶使用手機和平板電腦來瀏覽網頁。因此，實現屏幕自適應布局已經成為了網頁設計的一個重要問題。在本文中，我們將介紹如何使用HTML頁面來實現屏幕自適應布局。

一、使用Viewport標簽

Viewport標簽是一個HTML5中的新標簽，它可以使網頁的寬度自適應屏幕大小。在HTML文檔的head標簽中添加以下代碼：

```etaametentitial-scale=1.0">

tentitial-scale=1.0表示初始縮放比例為1。這樣，網頁就可以根據設備的寬度來自適應調整布局。

二、使用百分比布局

在設計網頁時，我們可以使用百分比布局來實現自適應布局。例如，將容器的寬度設置為100%：

這樣，容器的寬度就會自動適應屏幕的寬度。同樣地，我們也可以使用百分比來設置元素的高度、字體大小等屬性，從而實現全局自適應布局。

三、使用彈性布局

彈性布局是CSS3中的一種新布局方式，它可以根據容器的大小自動調整元素的大小和位置。我們可以使用flexbox來實現彈性布局。例如：

```tentterster;">