新的基础。我将基础5和均衡器一起使用-我只是一行包含两列,一个包含一些文本,另一个具有图像。我需要两列的高度相同-所以我正在使用数据均衡器。

      <div class="row collapse" data-equalizer >
        <div class=" large-6 columns main-headline story panel" data-equalizer-watch>
        <div class="large-3 columns panel end"  data-equalizer-watch>
         <img src="http://lorempixel.com/output/people-q-c-640-480-2.jpg" class="main-headline-image ">
      </div>


现在的问题是,由于图像加载需要花费一些时间,因此会有一个令人讨厌的滞后:首先使第一个div变短,然后在几秒钟后由均衡器重新计算其高度(因为图像已加载)现在均衡器将其赋予图像div的高度),并且它会拉伸以达到图像的高度(可以拉伸应该会发生这种情况是可以的,但是要花2-3秒钟的时间这样做并不是可以的)。看起来一点也不好)。

有解决这个问题的策略吗?这是一个问题,因为我正在本地开发并且已经很糟糕了,所以我不想考虑它在生产更多图像时的外观。
我认为预先设置列的高度可以解决此问题,但这不是与基础打交道的“不好”方法吗?给列设置一个预定的高度会破坏整个事物的响应能力吗?

最佳答案

如果你的形象太胖,
无论是否有基础,您仍然会遭受“ 2-3秒钟后调整尺寸”的影响。
将色谱柱固定在一定高度上是一个坏主意,因为它会降低响应速度。

替代方法是:


极大地优化您的图像
仅在加载图像后显示带有基础均衡器的块

关于javascript - 基础和均衡器的用户体验不好,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/26014626/

10-11 12:38