问带有响应式图像的全屏flexislider

EN

<div class="flexslider-container">
<div class="flexslider">
      <ul class="slides">
            <li><img src="images/kitchen_adventurer_donut.jpg" /></li>
            <li><img src="images/kitchen_adventurer_caramel.jpg" /></li>
      </ul>
</div>

.flexslider-container, .flexslider .slides, .flex-viewport {
height: 100%;
width: 100%;
}

.flexslider {
position: absolute; 
margin: 0; 
padding: 0; 
width: 100%; 
height: 100%; 
overflow: hidden;
}

.flexslider .slides > li {
width: 100%; 
height: 100%; 
display: none; 
-webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded. Avoids image jumping */
}

.flexslider .slides img { 
min-width: 100%; 
min-height: 100%; 
display: block;
}