最佳途径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); 
}