0

当您将窗口设置为小尺寸时，它会在视口的右侧创建一个巨大的空白区域。我尝试将溢出隐藏在主容器和标题中，没有任何变化。

实时代码http://jordan.rave5.com/tmptemp/

jQuery 代码

        // Control Resize
        $(window).load(function() {

            var header = $('#header'),
                imageGrad = $('.image-grad'),
                image = $('.header-img'),
                headerBg = $('#header'),
                headerSource = $('.header-img'),
                wWidth = $(window).width();

            function resizeDiv () {
                imageGrad.height(image.height());
                imageGrad.width(wWidth);
                headerBg.css({'background-size': + image.width() + 'px ' + image.height() + 'px'});
                $(headerBg).blurjs({
                    source: headerSource,
                    radius: 8,
                    overlay: 'rgba(0,0,0,0.50)'
                });
            }

            resizeDiv();

            $(window).resize(function() { resizeDiv(); });

        });
4

1 回答 1

1

看看你的代码：

wWidth = $(window).width();在调整窗口大小时调用的函数之外定义。这意味着wWidth在窗口加载时获得一个值，并且该值永远不会改变。当您缩小窗口时.image-grad，布局会中断，因为它的宽度始终等于初始窗口大小。
您应该将该行放在resizeDiv()函数内。

于 2013-04-27T07:49:46.457 回答