在移動設備上，我們經常發現網頁的高度過大，導致頁面被拉伸或出現滾動條，影響用戶體驗。因此，在編寫 HTML 時，我們需要設置頁面的高度自適應，使其在不同尺寸的屏幕上都能正常顯示。

/* 設置HTML高度自適應 */
html{
height: 100%;
}
/* 設置body的高度自適應 */
body{
min-height: 100%;
}

通過上述代碼，我們可以將 HTML 和 body 的高度都設置為 100%，使頁面的高度隨設備屏幕的大小而自適應。

除此之外，我們還可以使用 CSS 媒體查詢，根據不同的設備屏幕尺寸進行定制。例如：

/* 移動端 */
@media screen and (max-width: 600px) {
/* 設置body的高度自適應 */
body{
min-height: auto;
}
}

通過上述代碼，我們可以在屏幕寬度小于 600 像素時，取消 body 的高度自適應，讓頁面自然地適應屏幕大小。

總之，設置 HTML 和 body 的高度自適應是確保移動設備上網頁體驗良好的重要方法之一。