html - 给 div 背景图像的宽度

Question

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

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

我知道解决这个问题的方法是在 div 上使用 background-image 而不是 img 标签。然后执行 background-size: contain 但这也是有问题的，因为(我认为)它仅在父 div 具有固定的宽度和高度时才有效。

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

长话短说

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

谢谢。

Answer 1

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

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

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

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