在移動端開發中，高度自適應的樣式往往是我們經常需要用到的。本文將介紹幾種用于實現移動端高度自適應的CSS樣式方法。

1. vh單位

height: 100vh;

vh單位代表視窗高度的百分比。當減去頭尾等高元素的高度后，元素將會占據整個屏幕內的高度，實現高度自適應的效果。

2. flex布局

.container {
display: flex;
flex-direction: column;
height: 100vh;
}
.content {
flex: 1;
}

使用flex布局實現高度自適應需要將容器元素設置為display: flex，并且將容器元素的高度設置為100vh。然后在內容元素中設置flex: 1，讓其自動填充剩余的空間。

3. calc()函數

height: calc(100vh - 頭部高度 - 底部高度);

使用calc()函數可以計算出元素高度，從而實現高度自適應的效果。需要注意的是，calc()函數中的減號兩側必須有空格。

通過使用以上三種方法，我們可以實現移動端高度自適應的效果。在實際開發中，我們可以根據具體的場景選擇不同的方法，在不同的情形下實現高度自適應的效果。