在網頁設計過程中，字體大小的選擇與設置一直是一個需要注意的問題。不同的瀏覽器、不同的設備，字體大小的表現可能會有所不同，這會影響到網頁的可讀性和美觀度。為了解決這個問題，我們可以使用 CSS 的字體自適應功能。

CSS 的字體自適應功能是通過設置字體大小的單位為“em”，以父元素的字體大小為基準，使字體大小隨著父元素字體大小的變化而變化。這樣，無論在不同的瀏覽器或設備上，字體大小都可以根據屏幕大小和分辨率自適應調整，從而提高網頁的可讀性和美觀度。

/* 在 CSS 中設置字體大小為 em */
body {
font-size: 16px;
}
h1 {
font-size: 2em; /* 2 倍父元素字體大小，即 32px */
}
p {
font-size: 1em; /* 父元素字體大小，即 16px */
}
/* 在 HTML 中使用 em */
<h1>這是一個標題</h1>
<p>這是一個段落，字體隨父元素變化</p>

在實際開發過程中，我們需要在 CSS 中設置父元素的字體大小，然后在子元素中使用 em 單位設定字體大小。例如，可以將 body 的字體大小設置為 16px，然后將 h1 的字體大小設為 2em，則 h1 的字體大小會隨著 body 的字體大小變化而變化，即在不同的設備上，h1 字體大小會適應屏幕大小和分辨率。

同時，em 單位也可以用于嵌套的元素之間，子元素的字體大小可以根據父元素的字體大小調整。這樣可以確保整個頁面的字體大小在不同瀏覽器或設備上保持一致。

通過 CSS 的字體自適應功能，我們可以使網頁的字體大小根據不同的設備自適應調整，提高網頁的可讀性和美觀度，使用戶在不同的瀏覽器或設備上都能有良好的瀏覽體驗。