CSS3 Box，如何使用框属性在 div 内拉伸(stretch)图像

Question

是的!我确实搜索了相关问题，因为这似乎是一个简单的问题!然而，关于其他主题的解决方案并没有解决我的问题!

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

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

Fiddle给你们看http://jsfiddle.net/h2Ya8/32/

有什么解决办法吗？

Answer 1

我不确定这是不是你要找的，但是添加

.product {
    position:relative;

和

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

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

检查 demo .

是否需要保留比例？