隨著瀏覽器越來越流行，CSS 越來越成為網頁設計的基礎。CSS 可以讓網站更加美觀，但是有時候我們會發現字體無法隨著頁面縮小而縮小，這會讓網站看起來很不協調。

解決這個問題很簡單，只需要在 CSS 樣式表里加入以下代碼：

body {
font-size: 16px;
}
@media only screen and (max-width: 768px) {
body {
font-size: 12px;
}
}

這個代碼塊有兩部分。第一部分是設定字體大小為 16 像素。第二部分是在頁面寬度小于或等于 768 像素的時候，將字體大小調整為 12 像素。這樣，當用戶縮小頁面時，字體大小就會隨著縮小而變小。

需要注意的是，這個代碼塊只是一個示例。你可以根據自己的需要調整字體大小和頁面寬度的值。

另外，一些網站使用 rem 或 em 單位來設定字體大小。使用這些單位可以讓字體隨著用戶調整瀏覽器的縮放比例而變化。

總之，隨著越來越多的用戶使用不同的設備和屏幕，讓字體隨著頁面縮小而縮小變得越來越重要。