在前端開發中，CSS的寬度自適應是經常使用的一種技巧。通過CSS的相關屬性設置，我們可以讓元素的寬度隨著瀏覽器窗口大小的變化而自適應調整，從而達到更好的布局效果。

p {
width:50%;
}

上面的代碼中，我們設置了一個p標簽的寬度為50%。這意味著，無論瀏覽器窗口有多大，該p標簽的寬度都會自動調整為屏幕寬度的50%。這種寬度自適應的布局方式，非常適用于響應式網頁設計。

除了百分比外，我們還可以使用另外一種單位——em單位。em單位是相對于父元素字體大小的單位，因此也可以實現寬度自適應的效果。

p {
width:20em;
}

上面的代碼中，我們設置了一個p標簽的寬度為20em。這意味著，如果父元素的字體大小為16px，則該p標簽的寬度為320px。同樣的，在不同的屏幕尺寸下，該p標簽的寬度也會自適應調整。

總之，CSS的寬度自適應技巧是前端開發中必備的技能之一。只要熟練掌握這種技巧并合理運用，就能夠開發出更加優秀的網頁并提升用戶體驗。