CSS分辨率自適應是指根據不同的屏幕分辨率，自動調整網頁的布局和字體大小，以保證用戶在不同設備上訪問網站時，都能夠獲得最佳的瀏覽體驗。下面，我們來學習一下如何實現CSS分辨率自適應6。

@media only screen and (min-width: 960px) and (max-width: 1279px) {
/* 適配分辨率 960px - 1279px */
body {
font-size: 16px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* 適配分辨率 768px - 959px */
body {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
/* 適配分辨率小于等于767px */
body {
font-size: 12px;
}
}

在上述代碼中，我們使用media查詢來實現CSS分辨率自適應。在分別設置了分辨率在960px-1279px、768px-959px和小于767px時，采用不同的字體大小，以適應不同的設備。

值得注意的是，當我們在設計網站時，為了更好的用戶體驗，建議在設計之初就充分考慮到不同的設備上的布局和字體大小。這樣能夠避免在后期對網站進行大規模的修改。