0

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

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

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

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

有什么解决办法吗?

4

1 回答 1

2

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

.product {
    position:relative;

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

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

检查演示

你需要保持这个比例吗?

于 2012-10-08T10:56:38.907 回答