是的!我确实搜索了相关问题,因为这似乎是一个简单的问题!但是,在其他主题上给出的解决方案并不能解决我的问题!
我正在使用一个充满 div 的区域(CSS3 框)。具有多个 div 的多行
每个 div 都有自己的图片,需要拉伸以适应 div 的宽度和高度!(无论什么分辨率)。
目前只有宽度拉伸有效。高度拉伸似乎将其拉伸到所有行。
小提琴向你们展示http://jsfiddle.net/h2Ya8/32/
有什么解决办法吗?
是的!我确实搜索了相关问题,因为这似乎是一个简单的问题!但是,在其他主题上给出的解决方案并不能解决我的问题!
我正在使用一个充满 div 的区域(CSS3 框)。具有多个 div 的多行
每个 div 都有自己的图片,需要拉伸以适应 div 的宽度和高度!(无论什么分辨率)。
目前只有宽度拉伸有效。高度拉伸似乎将其拉伸到所有行。
小提琴向你们展示http://jsfiddle.net/h2Ya8/32/
有什么解决办法吗?
我不确定它是否是您正在寻找的,但添加
.product {
position:relative;
和
.product img{
width:100%;
height:100%;
position:absolute;
bottom:0; right:0;
}
似乎将图像强制为容器的宽度/高度。
检查演示。
你需要保持这个比例吗?