Javascript 当使用100%高度时，图像应为多大尺寸？

我有一个滚动条，上面有多个图片，都在一个高度：100%的包装内。但是，我的图像应该有多高才能正确显示并具有正确的纵横比？宽度固定为400px

有人能帮我吗？在这里拉小提琴：

HTML:

JavaScript:

$(function(){

    $(window).load(function(){

        var $gal   = $("#propertyThumbnails"),
            galW   = $gal.outerWidth(true),
            galSW  = $gal[0].scrollWidth,
            wDiff  = (galSW/galW)-1,  // widths difference ratio
            mPadd  = 60,  // Mousemove Padding
            damp   = 20,  // Mousemove response softness
            mX     = 0,   // Real mouse position
            mX2    = 0,   // Modified mouse position
            posX   = 0,
            mmAA   = galW-(mPadd*2), // The mousemove available area
            mmAAr  = (galW/mmAA);    // get available mousemove fidderence ratio

        $gal.mousemove(function(e) {
            mX = e.pageX - $(this).parent().offset().left - this.offsetLeft;
            mX2 = Math.min( Math.max(0, mX-mPadd), mmAA ) * mmAAr;
        });

        setInterval(function(){
            posX += (mX2 - posX) / damp; // zeno's paradox equation "catching delay"    
            $gal.scrollLeft(posX*wDiff);
        }, 10);

    });

});

---

谢谢

您可以使用

vh

将图像高度设置为其父视图的100%，或者与我的示例中的视口一样，将其宽度设置为自动

  height: 100vh;
  width: auto;

示例代码段

html，
身体{
保证金：0；
}
#母公司{
位置：相对位置；
保证金：0自动；
身高：100%；
宽度：100%；
背景：ddd；
}
#不动产伞形花序{
位置：相对位置；
溢出：隐藏；
背景：#444；
宽度：100%；
身高：100%；
空白：nowrap；
}
#属性UMBG{
垂直对齐：中间对齐；
高度：100vh；
宽度：自动；
显示：内联；
左边距：-4px；
}

---

您可以使用

vh

将图像高度设置为其父视图的100%，或者与我的示例中一样，将视口的宽度设置为自动

  height: 100vh;
  width: auto;

示例代码段

html，
身体{
保证金：0；
}
#母公司{
位置：相对位置；
保证金：0自动；
身高：100%；
宽度：100%；
背景：ddd；
}
#不动产伞形花序{
位置：相对位置；
溢出：隐藏；
背景：#444；
宽度：100%；
身高：100%；
空白：nowrap；
}
#属性UMBG{
垂直对齐：中间对齐；
高度：100vh；
宽度：自动；
显示：内联；
左边距：-4px；
}

像这样，您的意思是填充视口高度？这个没有卷轴的：是的！谢谢你，艾格森！让我知道哪一个，我把它作为一个正确的答案“这一个没有滚动”：）像这样，你的意思是，填充视口高度？这个没有卷轴的：是的！谢谢你，艾格森！让我知道是哪一个，我把它作为一个正确的答案“这一个没有卷轴”：

  height: 100vh;
  width: auto;