隨著移動設備的普及和屏幕尺寸的多樣化，我們需要讓網站在任何設備上都能夠呈現最佳的顯示效果。這就需要我們學習并掌握屏幕自適應的技術。

屏幕自適應的核心技術之一就是使用CSS來自動適應不同屏幕尺寸。我們可以使用vh、vw等單位來設置元素的高度和寬度，讓它們能夠隨著屏幕的尺寸而縮放。

下面是一個例子，我們設置了一個div元素的高度為屏幕高度的50%：

div {
height: 50vh;
}

在不同屏幕尺寸下，這個div元素的高度會自動適應，達到最佳的顯示效果。

除了使用vh、vw等單位，我們還可以使用calc函數來計算元素的高度和寬度。例如，下面的例子中，我們使用calc函數將元素的高度設置為屏幕高度減去50像素：

div {
height: calc(100vh - 50px);
}

上面的代碼可以讓這個div元素在任何設備上都能夠得到很好的顯示效果。

總結一下，屏幕自適應技術是開發移動設備網站的重要技術之一。CSS的vh、vw等單位以及calc函數能夠讓我們很方便地實現元素的自適應。我們需要在實際開發中不斷進行試驗和調試，才能夠熟練掌握這個技術。