最佳途徑Restric貓頭鷹旋轉木馬身高

Question

我用貓頭鷹旋轉木馬作爲項目：1，滑塊，並要限制高度，所以當一些圖像縱向和橫向它不是不斷調整，但我怕使用css3 height:85vh，因爲它不適用於所有瀏覽器。有沒有一種原生的方式來限制通過貓頭鷹旋轉木馬選項的高度，或者我應該使用一個css後備像item img{max-height:600px;max-height:85vh}？

Answer 1

不幸的是，貓頭鷹旋轉木馬1 & 2有固定式/高度受到限制沒有本地選項一些其他旋轉木馬插件做。

解決方案非常簡單，正如您所提到的，您應該將CSS應用於實現您的影響所需的類。如果你擔心你的身高：85vh不能跨瀏覽器工作，你總是可以使用JS備份，如下所示：

$(document).ready(restrictHeight); 
$(window).resize(restrictHeight); 

function restrictHeight() { 
    $('.item img').css('max-height',$(window).outerHeight*0.85); 
}