移動端全屏CSS是為了讓網頁呈現更好的視覺效果而使用的。在移動端，全屏表示網頁所占據的視覺空間是整個屏幕，而不是像電腦端那樣有固定的寬度。全屏CSS通過設置元素的寬度、高度、位置等屬性來實現。

.fullscreen {
width: 100vw; /*占據整個屏幕寬度*/
height: 100vh; /*占據整個屏幕高度*/
position: absolute; /*絕對定位*/
top: 0;
left: 0;
z-index: 1000; /*設置層級*/
background-color: #fff; /*設置背景色*/
box-sizing: border-box; /*盒模型*/
}

在實際開發中，我們可以使用全屏CSS來實現一些視覺效果，比如全屏滾動、全屏彈窗、全屏背景等。下面是一個全屏滾動的示例：

.fullscreen {
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden; /*隱藏滾動條*/
}
.fullscreen .slide {
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
}
/*使用js控制滾動*/
$('.fullscreen').on('scroll', function() {
var scrollTop = $(this).scrollTop();
$('.slide').css({
transform: 'translateY(-' + scrollTop + 'px)' /*上滑*/
});
});

使用全屏CSS可以讓網頁在移動端呈現更好的視覺效果，但也需要注意對不同屏幕尺寸進行適配。