Firefox에서 반응이없는 웹 사이트가 작동하지 않습니다.

Question

잘 작동하는 캐 러셀을 만들고 있습니다. 유일한 것은 100 % 응답 성을 만들 수 없다는 것입니다. 웹킷 브라우저에서는 작동하지만 파이어 폭스에서는 작동하지 않는 것 같습니다. 이미지 크기가 좋지만 리 너비가 원본 이미지와 동일하므로 이미지간에 큰 차이가 있습니까?

.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

이 코드를 추가하면 올바르게 작동합니다. FF에 min-height 작품은 아니 여전히 작동하지

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