在Web開發中，如何讓網頁在不同設備上顯示的效果達到最佳呢？除了響應式設計，CSS自適應也是常用的解決方案。

具體地說，CSS自適應即通過CSS樣式控制頁面元素的高度和寬度，讓頁面在不同屏幕尺寸下自動適應，呈現最佳顯示效果。

下面我們將針對CSS自適應頁面的高度和寬度，講解相關的CSS樣式。

一、自適應頁面高度

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

以上代碼中，我們通過設置html和body的高度為100%，使其可適應不同設備的屏幕高度。而container類則設置最小高度為100%，以確保容器元素的高度至少和設備高度一致。

二、自適應頁面寬度

img{
max-width: 100%;
}

在上述代碼中，我們使用了max-width屬性，并將其值設置為100%。這樣，圖片元素在不同設備屏幕寬度下，會根據可用寬度調整圖片大小，以保證不會超出頁面寬度，從而達到自適應效果。

總結：

CSS自適應是一種非常便利的方式，能夠幫助我們在不同設備上顯示更好的頁面效果。在實現頁面自適應高度寬度時，需要注意設置相關的CSS屬性，如height、min-height、max-width等，以保證頁面元素在不同設備上具有較好的適應性。