在CSS中，可以通过设置子元素的`height`属性来控制其高度，但是该属性只能设置其子元素的实际高度，而不能改变其子元素在文档流中占据的高度。因此，当父元素的高度发生变化时，子元素的高度也会随之发生变化，而不是按照父元素的高度自动调整。
为了实现高度跟随变化而变化的功能，可以使用CSS的`@media`语句和`max-height`属性。
使用`@media`语句可以让CSS规则根据媒体类型进行应用。例如，使用`@media print`语句可以将CSS规则应用于打印样式表。在这种情况下，子元素的高度将不会随着父元素的高度变化而变化，而是只在打印时才会显示。
另一个使用`@media`语句的方法是使用`max-height`属性。该属性可以设置子元素的最大高度，并将其应用于所有媒体类型。在这种情况下，子元素的高度将不会随着父元素的高度变化而变化，但是子元素的高度会限制在其最大高度内。
使用`@media`语句和`max-height`属性可以实现高度跟随变化而变化的功能，从而满足响应式设计和灵活性的需求。