Unslider - Отзывчивая высота

Question

Я пытаюсь использовать Unslider, но у меня возникают трудности с тем, чтобы высота была автоматической и отзывчивой. Кажется, что высота не может быть изменена, только ширина может быть.

here's a jsfiddle

.banner { 
position: relative; 
width: 100%; 
overflow: auto; 

font-size: 18px; 
line-height: 24px; 
text-align: center; 
background: #fff; 
margin-left: 10px; 
margin-right: 10px; 
height: auto; 
} 


.banner ul { 
    list-style: none; 
    width: 300%; 
    background-repeat: no-repeat; 
} 

.banner ul li { 
    display: block; 
    float: left; 
    width: 33%; 
    height: auto; 
background-repeat: no-repeat; 
    background-size: 100%; 

} 

Надеется, что это достаточно понимания, но, пожалуйста, дайте мне знать, если вам нужно больше коды.

Answer 1

Fiddle Demo

Попробуйте

.banner { 
    position: relative; 
    width: 96%; 
    overflow: auto; 
    font-size: 18px; 
    line-height: 24px; 
    text-align: center; 
    background: #fff; 
    margin-left: 2%; 
    margin-right: 2%; 
    height: auto; 

}