自適應屏幕高度的 css 是一種讓網頁內容在不同設備上呈現相同布局的技術，讓用戶能夠在不同的平臺上獲得良好的用戶體驗。

html, body {
height: 100%;
}
.container {
min-height: 100%;
}

這個樣式代碼塊使用了 min-height 屬性，并使 html 和 body 元素的高度設置為 100%。接下來，我們設置 .container 元素的 min-height 屬性為 100%。這將確保 .container 的高度與父元素的高度一樣，使其填充整個屏幕。

有時候，頁面內容不是很多，或者在一些較小的設備上需要滾動頁面來獲得更多的視野，如果想在這些情況下自適應高度，可以使用以下樣式：

html,body {
height: 100%;
margin: 0; padding: 0;
}
.container {
min-height: 100%;
overflow:auto;
padding-bottom: 50px; 
}
.content {
margin-bottom:50px; 
}
.footer {
position: absolute;
bottom: 0;
width:100%;
height: 50px; 
}

這個樣式代碼塊中，我們給 .container 元素設置了 padding-bottom 的值為 50 像素。這樣我們可以給 .footer 元素騰出空間。然后，我們分別為 .content 和 .footer 元素設置了 margin-bottom 和 height 屬性，以確保它們的總高度為 50 像素。

這些樣式的結合可以使內容在不同的設備上呈現類似的布局，以獲得更好的用戶體驗。