CSS3移動端布局是網頁開發中的一個重要技術，主要用于適應不同終端尺寸的屏幕。傳統的布局方式是基于像素的，而移動端頁面的布局需要使用百分比、viewport、彈性盒子等新技術。

/* 設置viewport *//* 設置基礎字體大小 */
html{font-size:16px;}
/* 使用媒體查詢調整布局 */
@media screen and (max-width:320px){
/* 手機豎屏布局 */
body{font-size:0.875rem;}
}
@media screen and (min-width:321px) and (max-width:640px){
/* 手機橫屏及平板電腦布局 */
body{font-size:1rem;}
}
/* 使用彈性盒子布局 */
.container{
display:flex;
flex-wrap:wrap;
}
.item{
flex:1;
min-width:200px;
margin:0 10px;
}

以上代碼演示了設置viewport，調整字體大小及使用媒體查詢來適配不同終端的布局。另外，彈性盒子布局也是移動端布局中的重要技術，可以在不同終端上自適應排列元素。

總而言之，CSS3移動端布局是網頁開發中必不可少的技術，只有不斷學習和實踐，才能在不同終端上開發出優秀的移動端網頁。