標題：CSS自動獲取高度

CSS是一種用于描述網頁布局的語言，我們可以通過設置樣式來改變網頁元素的樣式，包括字體、顏色、大小、位置等。但是，有時候我們需要讓網頁元素自動適應不同屏幕大小，而不僅僅是根據瀏覽器窗口的大小自動調整。這時，我們可以通過設置元素的`max-height`和`max-width`屬性來實現自動獲取高度。

在HTML中，我們可以使用`<meta>`標簽來設置文檔的縮放策略。例如，我們可以將`<meta>`標簽放在HTML文檔的頭部，內容為`<meta name="viewport" content="width=device-width, initial-scale=1.0">`，這樣，瀏覽器就會根據設備寬度自動縮放文檔。

在CSS中，我們可以使用`max-height`和`max-width`屬性來設置元素的高度和寬度，這些屬性會根據屏幕寬度自動調整元素的高度和寬度。例如，我們可以將`max-height`設置為元素高度的最大值，并將`max-width`設置為元素寬度的最大值，如下所示：

.my-element {

max-height: 500px;

max-width: 500px;

在這個例子中，`.my-element`元素將自動適應屏幕寬度，并最大化為500px。

需要注意的是，`max-height`和`max-width`屬性只適用于`max-height`和`max-width`，而不是`max-depth`和`max-width`，因為`max-depth`和`max-width`也會根據屏幕寬度自動調整元素的高度和寬度。

通過設置`max-height`和`max-width`屬性，我們可以讓網頁元素自動適應不同屏幕大小，而無需手動調整元素的大小。