保存寬高比的全屏div中的圖像

我嘗試將圖像放在div中以全屏顯示。我嘗試了很多方法，但如果圖像的高度超過寬度，我遇到了很多問題，在這種情況下，應該將圖像顯示爲居中並將剩餘空間與容器div的背景顏色一起顯示，我不想裁剪圖片保存寬高比的全屏div中的圖像

我們可以看到你的代碼？ – Lucabro

如果只將這個樣式的圖像'img {width：auto; 最大高度：100％; }'這是顯示在一個正確的長寬比，但我neef圖像在div和居中。 – user1783933

也許像這樣？

<img src="path" height="100%" />

2013-07-26 15:38:02 Vision

使用background-size:contain。這將防止種植和保持比例，同時仍然試圖填充儘可能多的空間。

爲中心使用background-position:center;

div { 
    background-image:url('http://static.tumblr.com/purt4nm/BCJmqjvcj/1367698942181.jpg'); 
}

2013-07-26 15:38:56 user1721135

謝謝，但我需要圖像的類或ID，使用javascript – user1783933

圖像保留比例在自己的，並不會裁剪反正。 – user1721135

回答