寫(xiě)能自由伸縮的網(wǎng)頁(yè)，需要掌握CSS中的媒體查詢(xún)和彈性布局。

1、媒體查詢(xún)：通過(guò)@media關(guān)鍵字，可以定義不同設(shè)備或屏幕尺寸下的樣式。@media (max-width: 600px) { ... }表示當(dāng)屏幕寬度小于等于600px時(shí)，應(yīng)用括號(hào)內(nèi)的樣式，這樣，就可以根據(jù)屏幕大小調(diào)整網(wǎng)頁(yè)布局。

2、彈性布局：CSS中的彈性布局（Flexbox）可以輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的自由伸縮，通過(guò)設(shè)定容器為彈性布局，可以使得子元素在容器中自動(dòng)縮放、對(duì)齊和排序，設(shè)置.container { display: flex; }可以將該容器下的子元素變?yōu)閺椥圆季帧?/p>

還需要注意網(wǎng)頁(yè)內(nèi)容的響應(yīng)式設(shè)計(jì)，避免在屏幕大小變化時(shí)出現(xiàn)內(nèi)容錯(cuò)亂或無(wú)法顯示的情況，可以通過(guò)設(shè)置***大寬度、***小寬度、高度自適應(yīng)等方式來(lái)保證網(wǎng)頁(yè)內(nèi)容的可讀性。

寫(xiě)能自由伸縮的網(wǎng)頁(yè)需要綜合考慮媒體查詢(xún)、彈性布局和響應(yīng)式設(shè)計(jì)等多個(gè)方面，通過(guò)合理的樣式設(shè)置，可以使得網(wǎng)頁(yè)在各種設(shè)備上都能夠良好地展示和使用。