2014-09-24 38 views
0

新的基礎。我將基礎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的高度),它延伸到滿足圖像的高度(它可以延伸,這是應該發生的,但它是不好的, 3秒鐘這樣做,看起來不太好)。

有沒有解決這個問題的策略?這是一個問題,因爲我在本地開發,而且已經夠糟糕了,我不想去想像它在製作過程中看起來有多少圖像。 我在考慮預先設置列的高度可以解決這個問題,但這不是與基礎一起工作的「壞」方法嗎?是否給列的預定高度毀了整個事情的響應能力?

回答

0

如果你的圖像太胖, 你仍然會受到「在2-3秒後調整大小」的效果,基礎與否。
由於響應性損失,給列提供固定高度是一個壞主意。

替代品有:

  1. 優化你的形象大大
  2. 表明,圖像加載均衡器後,才基塊