在CSS中，我们可以使用百分比单位（如%）和绝对单位（如px）来设置元素的大小。如果你想在元素的外层高度上缩放，你可以使用百分比单位。

例如，如果你有一个元素，其内容是100%，外层高度是50%，你可以这样做：

css .parent { width: 50%; height: 100%; max-height: 50%; overflow-y: auto; }

在这个例子中，max-height属性被设置为50%，这将使元素的最大高度为50%。overflow-y: auto属性则设置了元素的垂直滚动条。

如果你想让元素的外层高度在内容缩小后自动缩放，你可以使用百分比单位和百分比高度。

例如，如果你有一个元素，其内容是50%，外层高度是100%，你可以这样做：

css .parent { width: 50%; height: 100%; max-height: 50%; overflow-y: auto; height: 100%; }

在这个例子中，height属性被设置为100%，这将使元素的高度为100%。overflow-y: auto属性则设置了元素的垂直滚动条，并且height属性被设置为100%，这将使内容的高度和外层高度一样大，即使内容缩放。

请注意，这只是一个基本的例子，你可能需要根据你的具体需求进行调整。