CSS是一種被廣泛應用的樣式表語言，它可以用來美化網頁的外觀，并且可以幫助我們讓網頁自適應不同的屏幕大小，尤其是當我們面對移動設備等非常規屏幕尺寸時，CSS變得尤為重要。在這篇文章中，我們將會學習如何使用CSS實現自適應高度和寬度。 首先，我們來看一下如何自適應高度。如果你想讓你的元素，例如div或者section，在不同的屏幕尺寸下都能夠自適應高度，你可以使用CSS的屬性：height: auto。這樣，你的元素高度將會自動跟隨其內部內容的高度而變化。 例如，下面的代碼將使得一個div元素自適應其內部內容的高度： `````` 這將會使得div元素的高度自適應其內部兩個段落的高度，而不管是否有其他屏幕尺寸的變化。 接下來，讓我們看一下如何自適應寬度。與自適應高度類似，你也可以使用CSS的屬性：width: auto，來讓你的元素自適應其內部內容的寬度。 例如，下面的代碼將使得一個div元素自適應其內部內容的寬度： `````` 這將會使得div元素的寬度自適應其內部兩個段落的寬度，而不管是否有其他屏幕尺寸的變化。 除了使用height:auto 和 width:auto，您還可以用其他基于百分比的屬性來實現自適應高度和寬度。例如，您可以使用CSS的max-width屬性和max-height屬性，并將其設置為100%，從而使得您的元素在縮放時自動調整大小。例如： `````` 在這個例子中，我們使用了最大寬度和最大高度為100%，這意味著當網頁加載時，元素的高度和寬度將會自適應它的父元素的大小，從而實現自適應的高度和寬度。 總結來說，你可以使用 CSS 的 height 和 width 屬性，以及 max-width 屬性和 max-height 屬性，來實現自適應的高度和寬度。這樣，你的網頁就可以在不同的屏幕尺寸下自動適應，從而提高用戶體驗和可訪問性。