Beste Weg zu Restric Owl Karussell Höhe

Question

Ich benutze Eulenkarussell als Artikel: 1, Slider, und möchte die Höhe beschränken, so ist es nicht ständig die Größe ändern, wenn einige Bilder sind Porträt und Landschaft, aber ich habe Angst css3 height:85vh zu verwenden, weil es nicht auf allen Browsern funktioniert. Gibt es eine native Möglichkeit, die Höhe über Eulenkarussell-Optionen zu beschränken oder sollte ich einen CSS-Fallback wie item img{max-height:600px;max-height:85vh} verwenden?

Answer 1

Leider haben beide Owl Carousel 1 & 2 keine nativen Optionen für feste/eingeschränkte Höhe wie einige andere Karussell-Plugins tun.

Die Lösung ist ziemlich einfach, wie Sie erwähnt haben, sollten Sie CSS auf die Klassen anwenden, die benötigt werden, um Ihre Affekte zu erreichen. Wenn Sie sich Sorgen um Ihre Größe machen: 85vh funktioniert nicht cross-browser, könnten Sie immer eine JS-Backup, wie folgt einbinden:

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

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