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`属性，大家可以让网页元素自动适应不同屏幕大小，而无需手动调整元素的大小。