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布局，可以让网页元素随着屏幕尺寸的变化而自动调整，以保持在不同设备上的最佳显示效果。