恢复猫头鹰旋转木马高度的最佳方法

Question

我使用owl carousel作为一个项目:1，滑块，并希望限制高度，以便当一些图像是纵向和横向时，它不会不断地调整大小，但我不敢使用css3 height:85vh，因为它不是在所有浏览器上都能工作。有没有一种本机方法可以通过owl carousel选项来限制高度，或者我应该使用像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);
}