文字未出現於屏幕調整調整

我使用的是這裏唯一的文本傳送帶看出： jsFiddle 這裏是我的調整大小代碼：文字未出現於屏幕調整調整

window.addEventListener("resize", resetCarousel); 
function resetCarousel(){ 
    setCarouselHeight('#carousel-text'); 
    $('#carousel-text').carousel({ 
     interval: 15000 
    });

的問題是，當屏幕大小調整股利全部封閉文本項目不會相應調整大小（即它不響應）。 setCarouselHeight函數用於確定要顯示的所有文本項目所需的最大高度。每次調整屏幕大小時，我都需要觸發setCarouselHeight。當我手動執行（即，window.onresize = func）時，即使在使用超時之後，項目大小也會反映舊位置中使用的項目大小，而不是大小調整後的位置。任何有識之士將不勝感激。

來源

2016-01-14 Gabe O' Neill

經過兩天的挑戰與這麼近的哦，我嘗試了貓頭鷹旋轉木馬，並得到了我所需要的東西。最後它比bootstrap簡單得多。關鍵是使用AutoHeight示例並將autoheight設置爲false。它會自動將div的大小設置爲您擁有的最高文本片段，並且響應速度非常快。 http://owlgraphic.com/owlcarousel/index.html。希望這可以幫助某人。

來源

2016-01-15 21:46:32

我認爲不需要使用js或owl插件來響應滑塊。這可以通過簡單的css查詢來完成。我的CSS低於：

.carousel-inner>.item{ 
    min-height:350px; 
} 
@media screen and (max-width:767px){ 
    .carousel-inner>.item{ 
    min-height:250px; 
    } 
} 
@media screen and (max-width:569px){ 
    .carousel-inner>.item{ 
    min-height:200px; 
    } 
}

檢查jsfiddle

來源

2016-01-15 22:07:04

謝謝我的現場演示，但我不知道我是在描述了這個問題不夠清楚。原始代碼遍歷所有文本項目並將容器設置爲最大代碼。這樣，屏幕就不會以不同的大小跳轉到不同的文本。我想在旋轉木馬中做到這一點。我給出的例子是你在加載時改變了工作，但是當你調整屏幕大小時，它就會失敗。貓頭鷹旋轉木馬完美無瑕。 –

文字未出現於屏幕調整調整

回答

相關問題