CSS（層疊樣式表）是Web設(shè)計(jì)的重要組成部分。它能夠設(shè)置網(wǎng)頁(yè)的樣式和布局，使網(wǎng)頁(yè)更加美觀和易于使用。在本文中，我們將討論如何使用CSS自動(dòng)擴(kuò)展網(wǎng)頁(yè)。

body {
min-height: 100%;
}
.container {
width: 80%;
margin: 0 auto;
}

CSS可以使網(wǎng)頁(yè)自適應(yīng)不同的屏幕大小和設(shè)備。通過(guò)設(shè)置最小高度和容器的寬度百分比，我們可以在不同的設(shè)備上自動(dòng)擴(kuò)展網(wǎng)頁(yè)。

下面是一個(gè)例子，我們將設(shè)置一個(gè)最小高度為100％的主體，并在其中包含一個(gè)容器，該容器的寬度為80％。這意味著，當(dāng)網(wǎng)頁(yè)在較小的設(shè)備上顯示時(shí)，容器的寬度將相應(yīng)調(diào)整。

@media only screen and (max-width: 768px) {
.container {
width: 100%;
padding: 0 20px;
}
}

我們可以使用CSS媒體查詢來(lái)針對(duì)不同的設(shè)備設(shè)置不同的樣式。如上所述，當(dāng)屏幕尺寸小于或等于768px時(shí)，我們可以將容器的寬度設(shè)置為100％并添加一些邊距。

使用CSS自動(dòng)擴(kuò)展網(wǎng)頁(yè)可以使我們的網(wǎng)頁(yè)看起來(lái)更專業(yè)，同時(shí)使用戶更容易使用。因此，我們應(yīng)該學(xué)會(huì)如何使用CSS來(lái)實(shí)現(xiàn)自動(dòng)擴(kuò)展網(wǎng)頁(yè)。