CSS是網(wǎng)頁(yè)設(shè)計(jì)和開發(fā)中非常重要的一種技術(shù)，它可以讓網(wǎng)頁(yè)在不同的設(shè)備上自適應(yīng)，從而保證用戶體驗(yàn)。下面就讓我們來看一看如何使用CSS設(shè)置自適應(yīng)。

/* 設(shè)置網(wǎng)頁(yè)最大寬度 */
body {
max-width: 1200px;
margin: 0 auto;
}
/* 設(shè)置圖片自適應(yīng) */
img {
max-width: 100%;
height: auto;
}
/* 使用媒體查詢?cè)O(shè)置不同設(shè)備上的網(wǎng)頁(yè)樣式 */
@media screen and (max-width: 768px) {
/* 在小屏幕上隱藏側(cè)邊欄 */
.sidebar {
display: none;
}
/* 縮小字體 */
body {
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
/* 隱藏頁(yè)面導(dǎo)航 */
.main-nav {
display: none;
}
/* 縮小字體 */
body {
font-size: 12px;
}
}

以上是一些簡(jiǎn)單的CSS代碼，通過設(shè)置網(wǎng)頁(yè)最大寬度、圖片自適應(yīng)、使用媒體查詢等，可以讓網(wǎng)頁(yè)在不同設(shè)備上自適應(yīng)。當(dāng)然，這只是一個(gè)簡(jiǎn)單的例子，實(shí)際上CSS的自適應(yīng)還要考慮更多因素，如瀏覽器兼容性、移動(dòng)端支持等。所以，在實(shí)際開發(fā)中，我們需要充分考慮各種情況，合理使用CSS的屬性和方法，才能實(shí)現(xiàn)良好的自適應(yīng)效果。