在前端開發中，常常需要控制頁面中文字的大小。一般來說，我們可以使用JavaScript來控制字體的縮放，但是對于一些需要高度優化的網頁，我們不能使用JavaScript來實現字體縮放，此時就需要使用純CSS來實現。

font-size: 16px; /* 默認字體大小 */
@media screen and (max-width: 768px) {
font-size: 14px; /* 小屏幕下字體大小 */
}
@media screen and (max-width: 480px) {
font-size: 12px; /* 更小屏幕下字體大小 */
}

可以看到，我們通過CSS的媒體查詢來控制不同屏幕下的字體大小，這樣就可以在不使用JavaScript的情況下實現字體的自適應縮放。

需要注意的是，字體大小的設置應該是相對于視口大小而言的，而不是相對于元素大小，否則可能會導致頁面排版混亂。

此外，在選擇字體時也應該考慮到不同的字體在不同尺寸下的可讀性，盡量選擇在小尺寸下能清晰可讀的字體。