在Firefox中不工作的響應式網站

Question

我正在構建可正常工作的傳送帶。唯一的問題是我不能使這個100％響應，它似乎是在webkit瀏覽器中工作，但不是在Firefox中。圖像很好地調整大小，但li寬度保持與原始圖像大小相同，因此我的圖像之間有很大差距？

.carousel{ 
    height:100%; 
} 
.carousel ul { 
    overflow:hidden; 
    white-space:nowrap; 
    margin:0; padding:0; 
    list-style:none; 
    position:relative; 
    height:100%; 
    background:#99F; 
} 
.carousel li { 
    display:inline-block; 
    background:#FFC; 
    height:100%; 
} 
.carousel li img{ 
    height:100%; 
} 

<div class="carousel"> 

    <ul> 
     <li><img src="car" /></li> 
     <li><img src="boat" /></li> 
     <li><img src="train" /></li> 
     <li><img src="car" /></li> 
     <li><img src="boat" /></li> 
     <li><img src="train" /></li> 
    </ul> 

</div> 

Answer 1

嘗試添加此代碼，它應該工作。 min-height作品在FF

html,body { 
min-height:100%; 
height:100%; 
}