自適應CSS是一種讓網頁在不同分辨率、不同設備上能夠適應不同屏幕大小的技術，這樣用戶無論在PC端或者移動端上都能夠得到一個良好的瀏覽體驗。在實現自適應CSS的過程中，兼容各種分辨率是十分重要的。

/* 在CSS中設置viewport *//* 在CSS中使用媒體查詢實現自適應 */
@media (min-width: 768px) {
/* 在此處編寫大屏幕下的樣式 */
}
@media (max-width: 767px) and (min-width: 576px) {
/* 在此處編寫普通屏幕下的樣式 */
}
@media (max-width: 575px) {
/* 在此處編寫手機屏幕下的樣式 */
}

在上述代碼中，我們可以看到使用了CSS媒體查詢來判斷屏幕的寬度，然后對不同的屏幕大小設置不同的樣式，從而實現自適應布局。

除了使用媒體查詢來實現自適應CSS外，還可以使用rem單位來實現屏幕尺寸的適應。rem單位的大小是相對于根元素（html元素）的字體大小而定的，而根元素的大小可以通過JavaScript動態計算獲得。

/* JavaScript代碼 */
var html = document.documentElement;
var width = html.clientWidth;
html.style.fontSize = width / 375 * 16 + 'px';
/* CSS代碼 */
.box {
/* 在此處使用rem單位 */
width: 10rem;
height: 10rem;
}

上述代碼中，通過JavaScript計算根元素的字體大小，從而讓rem單位能夠適應屏幕的大小。同時在CSS中使用rem單位來設置元素的大小，從而實現屏幕適配。

總之，實現自適應CSS需要兼容各種屏幕尺寸，有了上述的代碼技巧，我們可以更加輕松地實現網頁的自適應布局。