眾所周知，現在越來越多的人使用手機來瀏覽網頁，而對于網頁設計師來說，確保網頁在手機上的顯示效果也越來越重要。在此背景下，CSS的手機固定頁面功能就顯得尤為重要了。 如果你想讓某個元素在手機上保持固定，不隨用戶的滾動而移動，那么你可以使用以下代碼：

在你的CSS文件中添加以下語句：

@media screen and (max-width: 767px) {
.fixed-element {
position: fixed;
}
}

其中，.fixed-element是你想要固定的元素的類名或ID名。

這段代碼適用于移動端，因為max-width: 767px規定只有屏幕寬度小于等于767像素時才會啟用這段代碼。

當屏幕寬度小于等于767像素時，元素將被固定在頁面上，不管用戶滾動多少，它都不會移動。

同時，你也可以通過修改top，bottom，left和right屬性來控制元素的定位。例如：

@media screen and (max-width: 767px) {
.fixed-element {
position: fixed;
top: 0;
left: 0;
}
}

這將把元素固定在頁面的左上角。

總之，通過這段代碼，你可以輕松地使元素在手機上保持固定，幫助你優化你的網頁設計。