幻燈片 - 圖像格外

Question

我試圖用我的導航欄下的幻燈片來創建一個小網站，並試驗flexbox。

所以我想這個幻燈片放映是「響應」，在我修改我的瀏覽器寬度和高度只有div的寬度增加（而不是heigth）的意義上。這是我的幻燈片的結構：

<div class="slideshow"> 
    <ul> 
     <li><img src="http://placehold.it/1901x630"></li> 
     <li><img src="http://placehold.it/1902x630"></li> 
     <li><img src="http://placehold.it/1903x630"></li> 
     <li><img src="http://placehold.it/1904x630"></li> 
     <li><img src="http://placehold.it/1905x630"></li> 
    </ul> 
</div> 

.slideshow{ 
background-color: firebrick; 
height: 350px; 
} 

.slideshow ul{ 
position: relative; 
} 

.slideshow ul li{ 
opacity:0; 
position: absolute; 
} 

https://jsfiddle.net/7j5zpx14/1/

我一直在使用Flexbox的嘗試，但我也沒弄明白什麼是錯與此的div和圖像。

Answer 1

您只CAD下面img標籤，看到CSS Fiddle Demo

的CSS：

.slideshow img { 
    float: left; 
    height: 350px; 
    width: 100%; 
} 

看到Fiddle Demo Link