html - 使用 CSS 自动调整相对于窗口高度的图像

Question

这可能看起来是一个愚蠢的问题，但无论如何我都会很感激你的帮助。

我有一个巨大的图像，我需要使用 CSS 自动将其调整为窗口高度的 1/3。我需要保持它的宽度成比例。如果可能，我不想使用 JavaScript。

你能给我一些提示吗？？？

Answer 1

如果我没理解错，请添加 CSS 属性:height:33%

不幸的是，这已经接近窗口高度的 1/3 了。这假设您的图片的父节点是正文，或者也有 100% 的窗口高度。

您可能需要添加:

html, body {
    height:100%
}

以及图片所在的任何元素。