jquery - 我想根据视口按比例调整图像大小

Question

我正在使用 Twitter Bootsrap 构建一个 Wordpress 主题，并且我正在使用 Jumbotron 作为主页上的图像滑块。

我希望它根据视口调整图像大小并实现这一点，我使用以下代码：

jQuery(function(){
    jQuery('.carousel .item').css({
        'min-height':(jQuery(window).height())/100*85+'px'
    });
    jQuery(window).resize(function() {
        $('.carousel .item').css({
            'min-height':(jQuery(window).height())/100*85+'px'
        });
    });
});

jQuery(function() {
    jQuery('.carousel img').css({
        'min-height':(jQuery(window).height())/100*85+'px'
    });
    jQuery(window).resize(function(){
        $('.carousel img').css({
            'min-height':(jQuery(window).height())/100*85+'px'
        });
    });
});

这非常适合调整图像的高度，但也可能导致它失去比例。

有什么想法可以解决这个问题吗？