在網頁設計中，文字是不可或缺的元素。為了讓網頁更加美觀，人們經常會采用不同的字號、字體、文字間距、行高等方式來處理文字樣式。但是，隨著不同設備的普及，如何讓文字更好的自適應呢？下面介紹一些 css 技巧。

/* 設置基準字號 */
html {
font-size: 16px;
}
/* rem單位自適應 */
p {
font-size: 1rem;
}
/* vw單位自適應 */
h1 {
font-size: 5vw;
}
/* max-width限制 */
.container {
max-width: 800px;
margin: 0 auto;
font-size: 16px;
}

首先，可以設置一個基準字號。在這個基礎上，可以使用 rem 單位，使得字號根據基準字號進行相對自適應。例如，上述的 p 元素中，字號為 1rem，即為默認基準字號的大小。

另外，可以使用相對單位 vw。這個單位是基于視口（Viewport）寬度的，因此可以在不同設備上自適應。例如，在上述代碼中，h1 元素的字號為 5vw，即為視口寬度的5%。

其次，可以使用 max-width 屬性來限制文字寬度。在大屏幕上，文字過寬會影響閱讀體驗，因此在容器中設置一個最大寬度可以保證文字更好地自適應。需要注意的是，在設置 max-width 的同時，也要設置合適的 margin，使得容器能夠居中對齊。

通過使用上述技巧，可以讓網頁中的文字更好地自適應不同設備的屏幕大小，從而提升用戶的閱讀體驗。