在CSS中，我們可以使用百分比（%）來(lái)設(shè)置頁(yè)面寬度自適應(yīng)，這樣，頁(yè)面寬度就會(huì)根據(jù)瀏覽器窗口的寬度自動(dòng)調(diào)整，從而實(shí)現(xiàn)自適應(yīng)布局。

如果我們想要將頁(yè)面寬度設(shè)置為瀏覽器窗口寬度的80%，可以使用以下CSS代碼：

body {
  width: 80%;
  margin: 0 auto;
}

在上面的代碼中，width: 80% 表示頁(yè)面寬度是瀏覽器窗口寬度的80%。margin: 0 auto 則表示頁(yè)面左右兩邊各有0的外邊距，并且頁(yè)面會(huì)自動(dòng)居中顯示。

需要注意的是，百分比寬度布局在嵌套布局中可能會(huì)產(chǎn)生一些意想不到的效果，比如父元素寬度過(guò)大導(dǎo)致子元素?zé)o法適應(yīng)瀏覽器窗口寬度，這時(shí)，我們可以考慮使用CSS的max-width屬性來(lái)限制父元素的寬度。

CSS中的flexbox布局也可以幫助我們實(shí)現(xiàn)更靈活的自適應(yīng)布局，通過(guò)flexbox，我們可以輕松地將子元素分布在父元素中，從而實(shí)現(xiàn)自適應(yīng)布局。

CSS提供了多種方法來(lái)實(shí)現(xiàn)頁(yè)面寬度的自適應(yīng)布局，我們可以根據(jù)自己的需求選擇***適合的方法。