CSS自適應瀏覽器寬度是一種重要的設計技術，它使得網站在不同的設備、不同的屏幕尺寸上都能夠完美呈現。下面我們來介紹一些CSS自適應瀏覽器寬度的技巧。

1. 盒模型問題

//以下代碼會導致盒子寬度不包括border和padding
box-sizing: content-box;
//以下代碼會導致盒子寬度包括border和padding
box-sizing: border-box;

2. 利用百分比

//以下代碼設置寬度為父元素寬度的50%
width: 50%;

3. 使用rem單位

//以下代碼設置寬度為根元素字體大小的10rem
width: 10rem;

4. 媒體查詢

//以下代碼表示在瀏覽器寬度小于768px時生效
@media (max-width: 768px) {
...
}

5. 流式布局

//以下代碼設置寬度為50%加上20px的間距，適用于兩欄布局
width: 50%;
margin-right: 20px;

總之，在設計網頁時使用CSS自適應瀏覽器寬度技術可以使得網頁變得更具彈性，能夠適應不同屏幕大小的設備，提高用戶體驗。