基础6数据均衡器

Question

我正在使用基础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>

Answer 1

可能需要看一个例子来帮助你更多。我设置了一个演示，您可以在此处形成并链接回来：http://codepen.io/rafibomb/pen/ENbKxd

此外，看起来您有两列不在一行中，这可能会导致问题

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

​