jquery - 无论上传的图像大小如何，如何将动态创建的 Bootstrap 轮播图像的大小设置为桌面大小

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

    });