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

这可能是一个愚蠢的问题，但无论如何我还是希望能有所帮助。

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

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

最佳答案

如果我理解正确，请添加CSS属性：height:33%

不幸的是，它接近窗口高度的1/3。这假设图片的父节点是主体，或者也具有100％的窗口高度。

您可能需要添加：

html, body {
    height:100%
}

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