CSS 可以用來適應不同設備的屏幕大小，讓策劃的文字更加美觀，易讀。特別是在手機上，因為屏幕較小，文字易變得更加擁擠，不方便閱讀。下面是一些方法可以讓文本更適合手機瀏覽： 1.使用相對長度 在 CSS 中，我們可以使用相對長度單位（如 em 或 rem）而不是固定像素來定義文本的大小。這可以使文本更適應不同屏幕的大小，因為它將文本的大小與屏幕的大小相對應。例如，可以使用以下代碼：

p {
font-size: 1.2em;
}

這將使每個段落的文本大小為其父元素字體大小的1.2倍。 2.使用媒體查詢 媒體查詢可以讓我們根據設備屏幕的大小來改變 CSS 樣式。例如，我們可以在手機設備上使用更大的文本：

@media only screen and (max-width : 480px) {
p {
font-size: 1.4em;
}
}

這將使在寬度小于或等于 480 像素的屏幕上的每個段落的文本大小為其父元素字體大小的 1.4 倍。 3.使用更簡單的字體 簡單的字體在手機屏幕上更容易閱讀。因此，最好避免使用過多的特殊效果。另外，可以使用以下代碼來避免移動設備上文本的抖動：

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

這將防止文本在移動設備上發生“抖動”，使其更易于閱讀。 總之，使用 CSS 可以使文本更容易閱讀，從而提高頁面的可讀性。通過使用相對長度、媒體查詢和最簡單的字體，可以使文本更適應手機設備的屏幕大小。