0
私は基礎的な6プラグインデータイコライザを使用して、同じ高さの2列を同じ高さにしていますが、私はこの作業を行っていますが、Webページの異なるセクション間にセパレータとしてイメージを含めています。 Webページが小さくなるにつれて、2つの列のサイズが大きくなり、セパレータイメージが重なり合ってしまいます。基礎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>
を引き起こしている可能性があるに見える画像です背景画像?イコライズには、特にレイジーローディングの場合に、画像に関するいくつかの問題があります。 DOMがロードされたときに 'Foundation.reint( 'equalizer')'を実行するとイメージサイズを再確認してそれに応じて変更することができますが、サイズ変更/ローテーションでも実行する必要があります。 FoundationsのドキュメントのJSプラグインのセクションをご覧ください:http://foundation.zurb.com/sites/docs/javascript.html#adding-plugins-after-page-load – tymothytym