当窗口大小变小时不寻常的空间

Question

当窗口变小时，它将在视口的右侧创建一个巨大的空白区域。我试图隐藏在主容器和标题中的溢出，没有任何改变。

直播代码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(); }); 

     }); 

Answer 1

你的代码看看：

wWidth = $(window).width();是当调整窗口大小时调用该函数外定义。这意味着wWidth获得窗口负载的值，该值永不改变。当您缩小窗口.image-grad会破坏布局，因为其宽度始终等于初始窗口大小。
您应该将该行放入resizeDiv()函数中。