CSS適配是指在不同設備上使用不同的CSS樣式來保證網頁在各種設備上有最佳的展示效果。以下是CSS適配的幾種方式：

@media查詢

在CSS樣式表中使用@media查詢可以根據不同的設備屏幕大小來應用不同的CSS樣式。例如：

@media (max-width: 768px) {
body {
background-color: #fff;
}
}

這段代碼表示在屏幕寬度小于等于768像素的設備上，將body的背景色設置為白色。

Viewport單位

對于移動設備，可以使用Viewport單位來適配。Viewport是指網頁在用戶設備上顯示的區域。Viewport單位包括以下幾種：

• vw：相對于viewport寬度的1/100
• vh：相對于viewport高度的1/100
• vmin：相對于viewport寬度和高度中較小的那個值的1/100
• vmax：相對于viewport寬度和高度中較大的那個值的1/100

例如，將網頁寬度設置為viewport寬度的80%：

body {
width: 80vw;
}

流式布局

流式布局是指網頁內容隨著屏幕尺寸的變化而自適應的布局方式。可以使用百分比來設置元素的寬度和高度。

img {
max-width: 100%;
height: auto;
}

這段代碼表示圖片的最大寬度為100%，高度自適應。這樣可以保證圖片在不同尺寸的屏幕上展示時不會失真。

以上就是CSS適配的幾種方式，可以根據不同場景和需求來選擇使用。適配好CSS樣式可以讓網頁在不同的設備上都能有良好的用戶體驗。