無論上傳的圖像大小如何，如何將動態創建的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);
        });

    });