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

これは、画像の高さを調整するのに最適ですが、比率が失われる可能性もあります。

これをどのように修正できますか？