html - 如何使用 CSS 将图像调整为屏幕高度？

Question

不像很多人想要一张图片填满整个屏幕，我只关心图片的高度。如何使用 CSS(最好不是 JavasScript)制作任意尺寸的图像，填充最大可能的浏览器窗口的 100% height，同时保持图像的纵横比，调整后的宽度关于浏览器的图像无关紧要。

我正在使用这个 html:

<div class="images">
  <img/>
</div>

非常感谢!

Answer 1

img { height:100% }

或者如果你想明确

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

高度 100%:http://jsfiddle.net/jmarikle/vz7q2bnk/
宽度 100%:http://jsfiddle.net/jmarikle/vz7q2bnk/1/

编辑:

这个答案需要一些注意。该演示已损坏，通常一团糟。我用新图像更新了它，更新了规则以补偿图像的内联性质，以及正文和 html 元素的标准化高度和宽度。