Question

所以我正在制作一个画廊页面，我正在尝试根据给定的背景图像找到一种缩放div的方法。

这是我到目前为止所做的：http://codepen.io/anon/pen/FzJDy 但这是一个有问题的解决方案，好像图像太大，它溢出了它的'父div。我想显示完整的图片，因此overflow:hidden不是一个选项。

我知道解决这个问题的一种方法是在div上使用background-image而不是img标记。然后做background-size: contain但这也有问题，因为（我认为）它只适用于父div具有固定的宽度和高度。

如果div和背景图像尺寸都未知，是否有解决方案？

TL; DR

如果父div与包含图像的尺寸相同，如何将图片缩放到'父div？

感谢。

Answer 1

从.white-content CSS中删除以下内容...

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

然后将.galleryfullsize CSS设置为...

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