CSS 長度自適應是用來表現一個網站的布局的重要因素之一。在使用 CSS 進行布局時，設計師需要考慮到每個頁面上元素的大小和位置，以使其看起來更加美觀并且易于閱讀。對于這些要素，CSS 的長度自適應特性非常有用。

在 CSS 中，有多種方法來定義長度的自適應。其中最常見的是使用百分比和 em。

.my-class {
width: 50%; /* 以父元素寬度的百分比為基礎定義寬度 */
}

利用百分比可以使網站布局更加靈活。上述樣式將元素的寬度定義為其父元素寬度的一半。這意味著元素的寬度將適應其容器的大小。

.my-class {
font-size: 1.2em; /* 將元素字體大小設置為其父元素字體大小的1.2倍 */
}

與此相似，利用 em 創建自適應布局非常方便。在上述樣式中，元素的字體大小將設置為其父元素字體大小的1.2倍。這使得元素在不同的瀏覽器中看起來更加一致，并且可以更好地適應不同的文本長度。

在設計和創建網站布局時，使用 CSS 的長度自適應特性，如百分比和 em，可以幫助設計師確保他們的頁面在不同的設備和瀏覽器中都能以最佳狀態展現。