CSS移動端自適應布局是指根據手機屏幕的不同尺寸，自動適應網頁的布局，讓用戶在不同的設備上擁有更好的瀏覽體驗。下面介紹一些CSS移動端自適應布局的基本知識。

首先，在寫CSS時，需要注意以下兩點：

1. 使用相對單位，如em、rem、vw、vh等，而不是固定像素px，可以適應不同屏幕尺寸。
2. 使用@media查詢，根據不同的屏幕寬度定義不同的樣式，實現自適應布局。

例如：

@media (max-width: 767px) {
/*針對寬度小于等于767px的屏幕設備，定義如下樣式*/
body {
font-size: 14px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
/*針對寬度在768-991px之間的屏幕設備，定義如下樣式*/
body {
font-size: 16px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*針對寬度在992-1199px之間的屏幕設備，定義如下樣式*/
body {
font-size: 18px;
}
}
@media (min-width: 1200px) {
/*針對寬度大于等于1200px的屏幕設備，定義如下樣式*/
body {
font-size: 20px;
}
}

其次，還可以使用flexbox布局，使頁面元素自適應調整位置。flexbox可以通過設置容器的display:flex或者display:inline-flex屬性，創建一個伸縮容器，并通過設置子元素的flex屬性，實現布局自適應。

例如：

.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
flex: 1;
}
.item:nth-of-type(1) {
order: 1;
}
.item:nth-of-type(2) {
order: 3;
}
.item:nth-of-type(3) {
order: 2;
}

以上代碼將創建一個伸縮容器，其中有三個子元素，通過設置子元素的flex屬性和order屬性，實現子元素自適應調整位置。

總之，CSS移動端自適應布局可以使網頁在不同設備上顯示效果更加友好。通過制定好的樣式及flexbox布局，可以讓網頁元素隨著屏幕尺寸的變化而自動調整，以保持在不同設備上的最佳顯示效果。