CSS自適應(yīng)是針對(duì)不同的手機(jī)分辨率，自動(dòng)調(diào)整網(wǎng)頁的大小和布局，以適應(yīng)不同的設(shè)備。如何實(shí)現(xiàn)CSS自適應(yīng)呢？下面是一個(gè)簡(jiǎn)單的例子：

/* 假設(shè)body是我們的根元素，設(shè)置默認(rèn)字體大小為16px */
body {
font-size: 16px;
}
/* 根據(jù)設(shè)備的不同，進(jìn)行不同的字體大小調(diào)整 */
@media only screen and (max-width: 768px) {
body {
font-size: 12px;
}
}
@media only screen and (max-width: 480px) {
body {
font-size: 10px;
}
}

上面的代碼中，我們使用了@media查詢來針對(duì)不同的屏幕分辨率進(jìn)行調(diào)整。對(duì)于大屏幕設(shè)備，我們保留默認(rèn)的16px字體大?。粚?duì)于小屏幕設(shè)備，我們分別設(shè)置了12px和10px的字體大小。

除了字體大小的調(diào)整，CSS自適應(yīng)還需要考慮網(wǎng)頁的布局。一個(gè)常見的做法是使用流式布局，即設(shè)計(jì)網(wǎng)頁時(shí)，將各個(gè)元素按照比例進(jìn)行排列，而不是使用具體的像素值。例如：

.container {
width: 90%;
margin: 0 auto;
}
.box {
float: left;
width: 30%;
margin: 1%;
}
@media only screen and (max-width: 480px) {
.box {
width: 45%;
}
.container {
width: 100%;
}
}

上面的代碼中，我們使用了流式布局來排列三個(gè).box元素，使它們?cè)?container中按照比例排列。在小屏幕上，我們通過@media查詢來調(diào)整.box的寬度，使之變成45%；同時(shí)，我們將.container的寬度設(shè)為100%。

總之，CSS自適應(yīng)是一項(xiàng)非常重要的技能，尤其在移動(dòng)設(shè)備流行的今天，我們需要更加注重網(wǎng)頁在不同分辨率下的表現(xiàn)。以上代碼只是一個(gè)簡(jiǎn)單的示例，實(shí)際的實(shí)現(xiàn)情況還要看具體的需求，需要結(jié)合實(shí)際情況來進(jìn)行調(diào)整。希望這篇文章對(duì)大家有所幫助。