基础和均衡器不是很好的用户体验

Foundation and equalizer not good user experience

本文关键字：很好 用户 体验 均衡器      更新时间：2023-09-26

新建基础。我将foundation 5与均衡器一起使用——我只是有一行2列，一行有一些文本，另一行有一个图像。我需要两列的高度相同，所以我使用数据均衡器。

      <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秒后调整大小"的影响
由于响应能力的损失，给柱子一个固定的高度是个坏主意。

备选方案包括：

  1. 显著优化您的图像
  2. 仅在加载图像后显示带有基础均衡器的块
相关文章：