我們在網頁制作中經常會遇到一個問題，就是如何設置網頁在不同大小的手機屏幕上能夠自適應地顯示。下面我們來介紹一下如何通過 HTML 代碼來實現。

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

我們可以在 HTML 的頭部加入上述代碼，其中 content 屬性比較關鍵。其中 width=device-width 可以讓網頁寬度自適應設備的屏幕寬度。initial-scale=1.0 則表示第一次加載頁面時的縮放比例為 1。

通過上述代碼的添加，我們就可以在不同大小的屏幕上實現網頁自適應的效果了。需要注意的是，這個方法只是起到基本的適配作用，復雜的移動適配還需要配合其他技術方式一起使用。