當(dāng)我們開發(fā)網(wǎng)頁時(shí)，經(jīng)常會(huì)遇到一個(gè)問題：當(dāng)我們的文字內(nèi)容超過了容器的寬度，會(huì)導(dǎo)致?lián)Q行，影響頁面排版。針對(duì)這個(gè)問題，有時(shí)我們會(huì)選擇縮短文字長(zhǎng)度或者使用彈性布局等技術(shù)來解決。但實(shí)際上，CSS 提供了一個(gè)非常方便的屬性，可以根據(jù)容器的大小自動(dòng)調(diào)整文字大小，避免了上述問題——那就是font-size:adjust。

.container {
width: 300px;
height: 200px;
font-size: adjust;
}

使用方法也很簡(jiǎn)單，只要在容器的 CSS 樣式中，將 font-size 屬性設(shè)置為 adjust 即可。這個(gè)屬性的作用是自動(dòng)計(jì)算出最適合的字體大小，使得容器能夠容納下所有文字，且不會(huì)出現(xiàn)換行的情況。

使用這個(gè)屬性可以大大提升頁面的可讀性，避免了字體大小不一、排版混亂等問題。而且這個(gè)屬性默認(rèn)支持在 Chrome、Firefox、Safari、Edge 和 Opera 等主流瀏覽器中，使用起來非常方便。

當(dāng)然，對(duì)于某些場(chǎng)景，我們還可以結(jié)合媒體查詢等技術(shù)，手動(dòng)控制字體大小，以達(dá)到更好的呈現(xiàn)效果。