在今天的網頁設計中，文字是網頁內容不可或缺的一部分。隨著移動設備的興起，越來越多的用戶使用不同大小的設備瀏覽網頁。因此，保證網頁上文字的可讀性非常重要。CSS中有幾種方式可以調整字體隨屏幕大小變化。

一種方法是使用百分比或em作為字體大小單位。在這種情況下，字體的大小將基于父元素的大小進行縮放。例如，下面的代碼將為id為header的元素設置一個20％的字體大小：

#header{
font-size: 20%;
}

另一種方法是使用視窗寬度（vw）作為字體大小單位。這種方法會將字體大小與設備的寬度相關聯。例如，下面的代碼將為所有h2標簽設置字體大小，該大小與設備的寬度成比例增加：

h2{
font-size: 3vw;
}

還可以使用媒體查詢，使字體在特定設備上進行調整。例如，您可以在較小的設備上使用媒體查詢來為字體設置較小的大小：

@media (max-width: 768px) {
body {
font-size: 14px;
}
}

最后，還可以使用rem作為字體大小單位。rem是相對于根元素的字體大小。這意味著，如果您在根元素中設置一個字體大小，那么所有其他元素中的字體大小將基于該大小進行縮放。例如：

html {
font-size: 16px;
}
h2 {
font-size: 2rem;
}
p {
font-size: 1.2rem;
}

在這篇文章中，我們介紹了幾種調整字體隨屏幕大小變化的方法。你可以根據具體實際情況調整字體大小。使用這些方法可以確保您的網站上的文字仍然易于閱讀，并且可以為訪問您的網站的所有用戶提供最佳的用戶體驗。