在網頁開發中，為了讓頁面更加美觀，我們經常會使用 CSS 來控制頁面的樣式。其中，字體大小是一個非常重要的屬性。但是，不同的設備屏幕大小和分辨率不同，字體大小也需要根據屏幕的大小來自適應。下面就讓我們來看一看如何實現 CSS 字體自適應 DIV。

<div class="my-div">
<p class="my-text">這是一段文本</p>
</div>

以上是一個簡單的 DIV 元素和其中包含的一段文本。現在，我們需要實現一個 CSS 樣式，使得文本在不同的設備上都能自適應大小。

.my-text {
font-size: 5vw;
}

以上代碼中，我們使用了vw作為字體大小的單位，這代表視口寬度（Viewport Width）。因此，字體大小隨著屏幕寬度的變化而變化。

此外，我們還可以對字體大小設置一個最大值和最小值。如下所示：

.my-text {
font-size: 5vw; /* 設置字體大小 */
min-font-size: 14px; /* 字體最小值 */
max-font-size: 18px; /* 字體最大值 */
}

以上代碼能夠保證字體大小在屏幕尺寸變大時，一直增大，直到達到最大值；當屏幕尺寸變小時，字體大小會一直減小，直到達到最小值。

通過以上代碼，我們就成功實現了 CSS 字體自適應 DIV 的效果。這不僅可以使得網頁更加美觀，同時也能夠提高用戶體驗。