這是一個重新發布，因爲自從我提出的問題，而在沒有簽署我無法從我前面的問題的答案發表評論。設置圖像的最大高度與瀏覽器窗口的高度
我試圖防止圖像比瀏覽器窗口變得更高，以便觀看者不必向下滾動查看圖像的其餘部分。
但是，我不知道如何設置圖像的最大高度瀏覽器窗口高度。
到目前爲止，我有：
<!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>
Or一類添加到圖像：see this fiddle
嘿這裏是一個jsfiddle
由於其使用jquery的應該是跨瀏覽器
更好的辦法是，將width更改爲低於100% like 87%
有趣的是，我一直在尋找同樣的東西。在我的網站上，我曾經使用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％。
所以無論你計劃，這應該肯定有幫助。
你有什麼嘗試？ 你將需要簡單的JavaScript來改變圖像的寬度和高度風格atttributes。 – DhruvPathak
您只能設置％相對於父項。如果父級（.container）不是該窗口的100％，那麼您需要使用JavaScript。 – Andy
是否可以在jsfiddle中查看示例？我很難解決這個問題。 – Retcon