在Web設計中，我們經常需要讓頁面的布局能夠自適應不同大小的瀏覽器窗口。而CSS自適應瀏覽器寬度就是實現這一功能的重要技術之一。

為了讓頁面能夠自適應不同大小的瀏覽器窗口，我們需要設置頁面元素尺寸的相對值，而不是絕對值。CSS中提供了一些單位可以用來設置相對尺寸，比如百分比、em和rem等。

下面是一個簡單的CSS代碼示例，將一個容器的寬度設置為自適應瀏覽器寬度：

.container {
width: 100%;
}

在上述代碼中，我們使用了百分比單位將容器的寬度設置為100%，這意味著容器的寬度會隨著瀏覽器窗口的大小而動態調整。

除了使用百分比單位外，還可以使用CSS3中的新單位vw和vh來設置相對寬度和高度。這兩個單位都是相對于瀏覽器窗口的寬度和高度，1vw等于視口寬度的1%，1vh等于視口高度的1%。

下面是一個使用vw單位的CSS代碼示例，將一個元素的寬度設置為視口寬度的50%：

.element {
width: 50vw;
}

需要注意的是，vw和vh單位的兼容性并不完美，部分舊版本的瀏覽器可能不支持。因此在實際應用中，建議使用百分比單位或其他兼容性更好的單位。