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

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'
        });
    });
});

这可以很好地调整图像的高度，但也可能导致它失去比例。

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