Html 可调整高度和尺寸；保持块元素的纵横比就像只使用CSS的图像一样？

我的问题或多或少是相同的，但略有不同，我需要垂直调整它的大小

我的意思是；根据我链接到的文章中提供的信息，如果您拉伸/收缩浏览器宽度，DIV将在保持纵横比的同时调整大小，但如果您使浏览器窗口更高/更短（即其高度），则不会调整大小-我想知道是否有可能在仅CSS的环境中实现这一点

---

TYIA.

如果您只处理一幅图像，那么将其宽度设置为100%并删除其高度将保持其纵横比，但显然也会在大幅拉伸时降低其质量

像这样：

img {
    width: 100%;
    height: auto;
}

---

不，这是不可能的

对这个问题的回答中描述了最接近实际的情况：

---

…但是，这需要在源代码中引入

img

标记。

如果您想要css解决方案，请不要使用javascript标记…我没有处理图像，您可以通过我提供的链接查看图像。我想要的是一个元素（例如，DIV元素）在缩放其高度时像图像一样工作。