給div背景圖像的寬度

Question

因此，我正在製作一個圖庫頁面，並且我正在嘗試根據給定的背景圖像找到縮放div的方法。

這是我到目前爲止：http://codepen.io/anon/pen/FzJDy 但這是一個問題的解決方案，如果圖像太大，它會溢出其父母的div。我想顯示完整的圖像，所以overflow:hidden不是一個選項。

我知道解決這個問題的方法是在div上使用background-image而不是img標籤。然後做background-size: contain但這也有問題，因爲（我認爲）它只適用於父div具有固定的寬度和高度。

如果div和背景圖像大小都未知，是否有解決方案？

TL; DR

如何縮放圖像到其父DIV如果父格取相同的尺寸，包含圖像？

謝謝。

Answer 1

從您的。白內容CSS刪除以下...

max-width: 75%; 
max-height: 75%; 

然後設置你的.galleryfullsize CSS來......

.galleryfullsize { 
    max-width:100%; 
    max-height: 75%; 
}