將以圖片爲中心的圖片添加到瀏覽器窗口

我希望this site上的圖片可以縮放到瀏覽器窗口高度的80％。什麼是簡單而通用的方法來實現這一目標？將以圖片爲中心的圖片添加到瀏覽器窗口

2014-11-06 D Benway

試試下面的CSS：

img { height:80%; }

或

img { height:80vh; }

來源

2014-11-06 04:14:34

謝謝，我曾希望這將是簡單的。雖然我沒有看到任何結果[here]（http://www.leecorbin.co/test/index-stack-2.html）。 – 2014-11-06 16:35:38

您註釋掉了CSS。 – 2014-11-06 17:40:16

我刪除了評論，沒有看到任何[區別]（http://www.leecorbin.co/test/index-stack-2.html）。 – 2014-11-06 17:57:52

你不需要任何JavaScript來做到這一點是非常簡單的。你應該添加HTML和身體寬度和高度到100％。這裏是jfiddle鏈接：http://jsfiddle.net/jmarikle/vz7q2bnk/

<html> 
<body> 
<img src="http://lorempixel.com/400/500" /> 
</body> 
</html> 

<!--css part--> 
html, body { 
    width: 100%; 
    height: 100%; 
} 
img{height:100%; width:auto; vertical-align: top;}

來源

2014-11-06 04:20:52

謝謝，我實施了[你的解決方案]（http://www.leecorbin.co/test/index-stack-1.html），但沒有看到任何結果。 – 2014-11-06 16:32:22

將以圖片爲中心的圖片添加到瀏覽器窗口

回答

相關問題