CSS是網頁設計中的重要組成部分，它可以美化網頁布局，設置頁面的樣式，使網站更美觀易用。然而，在不同設備上顯示效果的適配問題也是關鍵的一環。特別是當我們設計一個移動端頁面時，需要特別注意屏幕的高度適配。

/* 在CSS中設置手機屏幕高度 */
@media screen and (max-height: 768px) {
/* 在這里輸入需要適配的CSS 代碼 */
body {
font-size: 16px;
}
}

上述代碼是適用于高度為768像素以下的手機屏幕的CSS代碼。可以通過修改max-height的值適配不同的手機屏幕高度。在具體實現上，我們可以根據不同的屏幕高度設置字體大小、圖片大小、行間距、布局等多個方面進行優化，以使頁面顯示得更加流暢美觀。

在實際生活中，很多人都使用手機瀏覽網頁。如果你的頁面能很好地適配手機屏幕高度，用戶體驗將會大大提升。只需要簡單的一些CSS設置，你就可以讓你的網頁在不同設備上顯示得更加美觀和舒適了。相信這篇文章對你的工作會有所幫助。