在CSS中，文字占百分比是一個(gè)非常有用的屬性，因?yàn)樗梢宰屛谋靖鶕?jù)父元素的大小而自動(dòng)調(diào)整大小。在下面的實(shí)例中，我們將使用字體大小的百分比來(lái)縮放文本，以便它可以適應(yīng)不同的屏幕尺寸。

.container{
width: 50%;
height: 200px;
background-color: white;
padding: 20px;
font-size: 2vw;   /*字體大小以視口寬度為基準(zhǔn)*/
}

在上面的代碼中，我們?yōu)?container元素設(shè)置樣式。我們將它的寬度設(shè)置為50%，這意味著它的寬度將等于其父元素的50%。此外，我們還為其設(shè)置了一個(gè)高度，并將其背景顏色設(shè)置為白色。接下來(lái)，我們?yōu)槠湓O(shè)置了20像素的內(nèi)邊距，以使其內(nèi)容內(nèi)容居中。最后，我們使用2vw作為字體大小，這意味著字體大小將根據(jù)視口寬度進(jìn)行縮放。

使用百分比來(lái)設(shè)置字體大小可以讓我們?cè)诓煌脑O(shè)備上得到更好的響應(yīng)效果。使用這種方法，不管是在臺(tái)式機(jī)上還是在移動(dòng)設(shè)備上，文本都可以自適應(yīng)大小。此外，它還可以使頁(yè)面看起來(lái)更加整潔和專業(yè)。

在本例中，我們只是展示了一種使用CSS中文字占百分比的方法。實(shí)際上，還有很多其他的方法來(lái)控制文本的大小和樣式，如使用EM和REM單位。無(wú)論使用哪種方法，我們都應(yīng)該選擇一個(gè)適合自己的方式來(lái)實(shí)現(xiàn)文本的自適應(yīng)和響應(yīng)式。