CSS的min-height屬性可以用來設置元素的最小高度。為了使min-height能夠適應不同屏幕，您可以使用視口單位（viewport units）或者百分比單位。以下是兩種方法的示例：
視口單位是相對于瀏覽器窗口大小的單位，包括vw（viewport width，視口寬度的百分比）、vh（viewport height，視口高度的百分比）、vmin（viewport’s smaller dimension，視口較小尺寸的百分比）和vmax（viewport’s larger dimension，視口較大尺寸的百分比）。
示例：
html, body {
height: 100vh; /* 設置html和body的高度為視口高度的100% */
margin: 0; /* 移除默認邊距 */
}
.container {
min-height: 100vh; /* 設置容器的高度至少為視口高度的100% */
}
百分比單位是相對于包含塊（containing block）的大小來設置元素的高度。在這種情況下，您可以將min-height設置為100%，這樣容器的高度就會至少與其父元素相同。
示例：
html, body {
height: 100%; /* 設置html和body的高度為100% */
margin: 0; /* 移除默認邊距 */
}
.container {
min-height: 100%; /* 設置容器的高度至少為父元素高度的100% */
}
請注意，這兩種方法都需要將html和body元素的高度設置為100%，以確保整個頁面都可以適應不同屏幕大小。
