无论上传的图像大小如何，如何将动态创建的bootstrap Carousel图像的大小设置为桌面大小

Question

我尝试过这样的东西，但它不适合窗户的屏幕。 有一个可以向上和向下滚动的空间，但如果它适合屏幕则不应该存在。

$(document).ready(function () {
        var $item = $('.carousel .item');
        var $Wwidth = $(window).width();
        $item.eq(0).addClass('active');
        $item.width($Wwidth);
        $item.addClass('full-screen');

        $(window).on('resize', function () {
            $item.width($Wwidth);
        });                    
 }

Answer 1

最后，我通过声明一个高度变量修复了这个问题，如下所示。如果任何人面临同样的问题，这将有助于他们。

        $(document).ready(function () {

        var $item = $('.carousel .item');
        var $Wwidth = $(window).width();
        var $wHeight = $(window).height();
        $item.eq(0).addClass('active');
        $item.height($wHeight);
        $item.width($Wwidth);
        $item.addClass('full-screen');

        $(window).on('resize', function () {
            $item.height($wHeight);
            $item.width($Wwidth);
        });

    });