javascript - 如有必要，调整图像大小以适应固定高度的容器

Question

有没有 CSS 和/或 JavaScript/jQuery 可以仅调整图像的大小，如果它们需要让剩余的内容适应固定高度的容器？如果您查看下面屏幕截图中本周新品 和每周特价 部分中的图片，您就会明白我的意思。然而，在某些情况下，一切都适合，因为图像足够小，并且它们下面的文本量不是很大。

Answer 1

使用 jQuery:

$(document).ready(function() { $('div.item img').each(function() {
    var image = $(this);
    var div = $('div.item p');
    if ((image.height() + div.height()) >> $('div.item').height()) {
        while ((image.height() + div.height()) >> $('div.item').height()) {
            image.height(image.height() - 1);
        }
    }
});});