CSS3 框，如何使用框属性在 div 内划线图像

Question

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

我使用了一个充满div的区域（CSS3 Box）。具有多个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;
}

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

查看演示。

您需要保留比率吗？