流體環境CSS是指通過CSS樣式表來適應不同終端設備的網頁布局設計技術。在現今多終端設備的環境下，使用流體布局可以讓網頁在不同設備上展示相同的頁面布局，并且能夠自適應終端設備的大小和分辨率。

/* 流體布局CSS樣例 */
.container {
width: 100%; /* 寬度占滿父容器 */
max-width: 960px; /* 設置最大寬度 */
margin: 0 auto; /* 居中 */
padding: 0 10px; /* 設置內容區域左右邊距 */
box-sizing: border-box; /* 控制padding不會導致容器寬度超出 */
}
/* 媒體查詢CSS樣例 */
@media screen and (min-width: 480px) {
/* 當屏幕寬度大于等于480px時，改變.container樣式 */
.container {
padding: 0 20px; /* 增加內容區域左右邊距 */
}
}
@media screen and (min-width: 768px) {
/* 當屏幕寬度大于等于768px時，改變.container樣式 */
.container {
max-width: 960px; /* 寬度不變，與初始值一致 */
}
}

通過流體環境CSS技術，網頁設計者可以更好地適應設備的變化，使得網頁在不同設備上呈現出更好的用戶體驗。