Restl Owl Carousel Heightへの最善の方法

Question

私はアイテムとして1、スライダーを使用しています。いくつかの画像が縦長と横長のときにサイズが一定にならないように高さを制限したいのですが、恐れ入りますcss3 height:85vhを使用するには、すべてのブラウザで機能しないためです。フクロウのカルーセルオプションを使って高さを制限するネイティブな方法はありますか？item img{max-height:600px;max-height:85vh}のようなCSSのフォールバックを使用する必要がありますか？

Answer 1

残念なことに、Owl Carousel 1 & 2には、固定/制限高さのネイティブオプションがありません。他の回転式プラグインとは異なります。

解決方法は非常にシンプルですが、前述したように、効果を得るために必要なクラスにCSSを適用する必要があります。あなたの身長について心配している場合：85vhはクロスブラウザーでは動作しませんが、いつもJSバックアップを組み込むことができます：

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

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