2015-06-11 36 views
0

我的新website出了問題。 網格的一些圖片粘在一起,但僅限於Firefox和Chrome。 如果我放大到110%並縮小到100%,則問題不會出現。 此外,如果我清除緩存並重新加載問題不存在。Chrome和Firefox:圖片粘在一起

有沒有人有想法解決這個問題。

而且有問題的圖片: enter image description here

我相信有一個與masonry.js一個問題。但我不知道如何解決這個問題。

(function ($) { 
    var $container = $('.masonry_wrapper'), 
     colWidth = function() { 
      var w = $container.width(), 
       columnNum = 1, 
       columnWidth = 0; 
      if (w > 1200) { 
       columnNum = 5; 
      } else if (w > 900) { 
       columnNum = 4; 
      } else if (w > 600) { 
       columnNum = 3; 
      } else if (w > 300) { 
       columnNum = 2; 
      } 
      columnWidth = Math.floor(w/columnNum); 
      $container.find('.item').each(function() { 
       var $item = $(this), 
        multiplier_w = $item.attr('class').match(/item-w(\d)/), 
        multiplier_h = $item.attr('class').match(/item-h(\d)/), 
        width = multiplier_w ? columnWidth*multiplier_w[1]-4 : columnWidth-4, 
        height = multiplier_h ? columnWidth*multiplier_h[1]*0.5-4 : columnWidth*0.5-4; 
       $item.css({ 
        width: width, 
        height: height 
       }); 
      }); 
      return columnWidth; 
     } 

     function refreshWaypoints() { 
      setTimeout(function() { 
      }, 1000); 
     } 

     $('nav.portfolio-filter ul a').on('click', function() { 
      var selector = $(this).attr('data-filter'); 
      $container.isotope({ filter: selector }, refreshWaypoints()); 
      $('nav.portfolio-filter ul a').removeClass('active'); 
      $(this).addClass('active'); 
      return false; 
     }); 

     function setPortfolio() { 
      setColumns(); 
      $container.isotope('reLayout'); 
     } 

     isotope = function() { 
      $container.isotope({ 
       resizable: true, 
       itemSelector: '.item', 
       masonry: { 
        columnWidth: colWidth(), 
        gutterWidth: 0 
       } 
      }); 
     }; 
    isotope(); 
    $(window).smartresize(isotope); 

}(jQuery)); 

對不起,我的英語。

非常感謝您提前。

回答

-1

這可能是因爲你已經連接砌體代替同位素