CSS 中的超寬度問題一直是前端開發人員需要面對和解決的問題之一。在 CSS 中，我們可以使用min-width和max-width來定義元素的最小和最大寬度。然而，如果一個元素的內容超出了其最大寬度，那么這個元素的字號可能會變得很小，從而影響了文本的可讀性。

為了解決這個問題，我們可以使用 CSS 的text-size-adjust屬性。這個屬性的作用是控制文本的字號是否自動調整以適應視口寬度。

/* 關閉自動字號調整 */
body {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
}

上面的代碼將禁用自動字號調整。這意味著，即使文本內容超出了元素的最大寬度，字號也不會自動變小。

當然，如果我們希望讓字號自動調整，但又不希望它變得太小，可以使用如下代碼：

/* 視口寬度小于 480px 時，字號不小于 16px */
@media screen and (max-width: 480px) {
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 16px;
}
}

上面的代碼表示在視口寬度小于 480px 時，將字號調整為不小于 16px。這樣可以確保文本的可讀性，同時也不會影響布局。