HTML是一門標記語言，能夠讓我們創建出美觀、結構化的網頁。現在，隨著越來越多的人通過手機訪問網站，調整你的HTML頁面，讓它在移動設備上表現良好，已經變得非常重要。這可以通過設置HTML的自適應功能來實現。以下是一些HTML自適應的代碼示例： 首先，我們需要在HTML文檔的head標簽中添加以下代碼，以確保我們的頁面縮放適應不同的設備屏幕大小：

這段代碼會告訴瀏覽器，你的網頁應該基于設備的寬度（width）進行縮放，并且最初縮放比例應該為1.0。 其次，我們需要確保文本和圖像在移動設備上反應良好，我們可以添加媒體查詢（media queries）代碼，如下所示：

p {
font-size: 16px;
}
@media only screen and (max-width: 480px) {
p {
font-size: 14px;
}
}

這段CSS代碼將會在屏幕寬度小于480像素時開啟。當設備寬度小于此值時，我們將文本字體的大小縮小至14像素。這樣做的目的是為了確保我們的頁面在不同的設備上顯示的文本具有一致的可讀性。 最后，我們還需要確保圖像在小屏幕上排列整齊。我們可以使用以下的CSS代碼：

img {
max-width: 100%;
height: auto;
display: block;
}

以上代碼可以確保圖片的寬度不超過其父元素的寬度，并自動隨著其高度的比例調整。此外，將其顯示設置為“塊級元素”可以確保其所占用的空間在頁面中跨越整個列。 這些是非常基本的HTML自適應技巧，但這些設置可以為你的網站提供更優秀的用戶體驗。現在，我們可以在移動設備上暢享瀏覽網頁了。