1. 使用響應式布局

響應式布局是一種流行的自適應布局方式，它通過使用CSS3媒體查詢來檢測設備屏幕的寬度，并根據不同的屏幕寬度應用不同的CSS樣式，從而實現自適應布局。響應式布局可以適應不同的設備，包括桌面電腦、平板電腦和手機等。

2. 使用彈性盒子布局

彈性盒子布局是CSS3中的新特性，它可以讓頁面中的元素按照一定的比例自適應布局，無論是在寬屏幕還是窄屏幕上，都能夠保持一致的布局效果。使用彈性盒子布局可以有效地減少代碼量和布局難度。

3. 使用流式布局

流式布局是一種以百分比為單位的布局方式，它可以讓頁面中的元素根據瀏覽器窗口大小自適應布局。流式布局可以使頁面在不同的設備上都能夠自適應，并且可以適應不同的屏幕分辨率。

4. 使用柵格布局

柵格布局是一種基于柵格系統的布局方式，它將頁面分為若干列，每一列的寬度是固定的，可以根據需要合并成更大的列。使用柵格布局可以使頁面在不同的設備上都能夠自適應，并且可以方便地實現響應式布局。

HTML頁面的自適應布局是一種非常重要的技術，可以讓頁面在不同的設備和屏幕上都能夠有良好的瀏覽體驗。本文介紹了幾種實現自適應布局的方法，包括響應式布局、彈性盒子布局、流式布局和柵格布局。在實際開發中，可以根據具體情況選擇合適的布局方式，以達到最佳的效果。