这是一个转贴，因为我在未登录的情况下提出了问题，因此无法评论我之前问题的答案。
我试图防止图像变得比浏览器窗口高，这样查看者就不必向下滚动才能看到图像的其余部分。
但是，我不知道如何将图像的最大高度设置为浏览器窗口的高度。
到目前为止，我有：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>TEST TITLE</title>
<link rel="stylesheet" href="http://flip.hr/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<img src="dovelow.jpg" alt="Dove">
</div><!-- .container -->
</body>
</html>
嘿，这是一个jsfiddle
因为它的使用jquery应该是跨浏览器
Or向图像添加一个类：见这个小提琴
更好的方法是，width改为低于100%like87%
有趣的是，我一直在寻找同样的东西。在我的网站上，我曾经用来max-height: 75%;防止图像变得太大，但今天，我才注意到，它停止工作了。它可能在数周甚至数月前停止工作。所以这很令人失望。我认为这与最近的 Chrome 更新有关，或者可能与 WordPress 停止做的事情有关。
你知道，我的代码可能从来没有工作过。我只是认为它做到了。
无论如何，我一直在寻找解决方案并且非常气馁......直到我找到了这个小宝石：
http://stanhub.com/how-to-make-div-element-100-height-of-browser-window-using-css-only/
原来，您需要的一些 CSS 涉及使用称为vh“视口高度”或vw“视口宽度”的单位。所以在我的例子中max-height: 75vh;，如果你想让图像不超过浏览器窗口的 75%。
所以无论你在计划什么，这肯定会有所帮助。