CSS可以控制網(wǎng)頁(yè)的樣式和布局，其中一種非常實(shí)用的技巧就是讓文字不換行自動(dòng)縮小字體。這種技巧可以使得網(wǎng)頁(yè)在不同屏幕大小的設(shè)備上都能有良好的閱讀體驗(yàn)，同時(shí)也能增加網(wǎng)頁(yè)的美感和可讀性。

要實(shí)現(xiàn)這種效果，我們可以使用CSS3中的text-overflow屬性和百分比字號(hào)，具體代碼如下：

p {
white-space: nowrap; /*文字不換行*/
overflow: hidden; /*超出部分隱藏*/
text-overflow: ellipsis; /*溢出部分用省略號(hào)表示*/
font-size: 100%; /*設(shè)置字號(hào)為100%*/
}
@media screen and (max-width: 600px) {
p {
font-size: 80%; /*當(dāng)屏幕寬度小于600px時(shí)，字號(hào)縮小到80%*/
}
}

這段代碼中，我們首先將p標(biāo)簽的文字設(shè)置為不換行，并將超出部分隱藏并用省略號(hào)表示。然后將字號(hào)設(shè)置為100%。在媒體查詢中，當(dāng)屏幕寬度小于600px時(shí)，將字號(hào)縮小到80%。

使用這種技巧可以在不同設(shè)備上實(shí)現(xiàn)合適的網(wǎng)頁(yè)閱讀體驗(yàn)，同時(shí)也增加了網(wǎng)頁(yè)的美感和可讀性。