基礎6數據均衡器

我正在使用基金會6插件數據均衡器使兩列在同一高度，我得到了這個工作，雖然，我包括一個圖像作爲網頁上不同部分之間的分隔符。隨着網頁變小，兩列的大小增加並且與分隔符圖像重疊，無論如何爲了防止這種情況發生。基礎6數據均衡器

<section class="about-us-gallery" data-equalizer="about"> 
    <div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div> 
    <div class="medium-6 columns empty"data-equalizer-watch="about" ></div> 


    <div class="content-about-us" > 
    <div class="row"> 
     <div class="medium-6 columns "data-equalizer-watch="about"> 
      <h2 class="white">heading</h2> 
<p class="white">dkdkdkdkdkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk</p> 
     </div> 

     <div class="medium-6 columns"data-equalizer-watch="about"> 
      <h2>heading</h2> 
<p>talkdjf;alkdjf;alkdj;alkdjflasdjf;asdkfja;sldkjf;alsdkfj;asldkfjlasdjf </p> 
     </div> 


    </div> 
    </div> 
</section> 

<!-- Seperater image --> 
<div class="separator-image bar-image"></div>

來源

2016-11-28 thomaSmith

是圖像背景圖片？ Equalize在圖片上存在一些問題，尤其是在懶加載的情況下。您可以在DOM加載後重新檢查圖像大小並相應地更改時執行'Foundation.reint（'equalizer'）'，但您還需要確保它也可以在調整大小/旋轉時執行。請參閱Foundations文檔的JS插件部分：http://foundation.zurb.com/sites/docs/javascript.html#adding-plugins-after-page-load – tymothytym

可能需要看一個示例來幫助您更多。我成立了一個演示中，你可以形成並鏈接回到這裏：http://codepen.io/rafibomb/pen/ENbKxd

而且它看起來你有2列是不連續可能會導致問題

<div class="medium-6 columns empty bluebg" data-equalizer-watch="about" ></div>

來源

2016-11-30 00:52:19 rafibomb

基礎6數據均衡器

回答

相關問題