css - CSS3 Box，如何在具有框属性的 div 内拉伸图像

Question

是的！我确实搜索了相关问题，因为这似乎是一个简单的问题！但是，在其他主题上给出的解决方案并不能解决我的问题！

我正在使用一个充满 div 的区域（CSS3 框）。具有多个 div 的多行
每个 div 都有自己的图片，需要拉伸以适应 div 的宽度和高度！（无论什么分辨率）。

目前只有宽度拉伸有效。高度拉伸似乎将其拉伸到所有行。

小提琴向你们展示http://jsfiddle.net/h2Ya8/32/

有什么解决办法吗？

Answer 1

我不确定它是否是您正在寻找的，但添加

.product {
    position:relative;

和

.product img{
    width:100%;
    height:100%;
    position:absolute;
    bottom:0; right:0;
}

似乎将图像强制为容器的宽度/高度。

检查演示。

你需要保持这个比例吗？