CSS縮放文字不變是一種常用的布局技巧，能夠有效地解決不同屏幕尺寸下的排版問題。在這篇文章中，我們將介紹如何在縮放頁面時，保持文字大小不變的方法。

/* 保持文字在縮放后不變的方法 */
body {
font-size: 16px; /* 設置默認字號 */
}
/* 使用rem作為單位 */
.box {
font-size: 1rem; /* 1rem等于默認字號的大小 */
width: 10rem; /* 使用rem設置寬度 */
}
/* 使用vw作為單位 */
.box {
font-size: 1vw; /* 1vw等于視口寬度的1% */
width: 50vw; /* 使用vw設置寬度 */
}

以上代碼中，我們使用了兩種方法來保持文字在縮放后不變，分別是使用rem作為單位和使用vw作為單位。這兩種方法的原理都是基于相對大小的概念，可以通過調整默認字號來達到縮放頁面的效果。

使用rem作為單位時，我們可以將默認字號設為16px，然后使用rem來設置其他元素的大小。當頁面縮放時，rem的值會跟著改變，但字號不會變化，因此文字大小也不會發生改變。

使用vw作為單位時，我們使用視口寬度作為參照單位，將字號設為1vw。這樣，在頁面縮放時，字號的值也會相應地跟著變化，從而保持文字大小不變。

總結起來，使用rem或者vw作為單位，能夠很好地保持頁面縮放后的文字大小不變。這種技巧在響應式設計中非常有用，能夠幫助我們快速地適應不同屏幕尺寸的需求。