브라우저의 크기가 감소함에 따라 슬라이더 높이가 감소하지 않는 이유는 무엇입니까?

Question

잘 작동하는 플러그인이 있지만 브라우저 크기 (변경)가 줄어들면 브라우저의 화면 크기에 따라 이미지의 너비는 줄어들지 만 이미지의 높이는 줄어들지 않습니다.

<div id="smart-gallery"> 
     <a href="images/cubagallery-img-1.jpg" title="First Image"> 
      <img src="images/cubagallery-img-1.jpg" /></a> 

      <a href="images/cubagallery-img-2.jpg" 
       title="Second Image"> 
       <img src="images/cubagallery-img-2.jpg" /></a> <a href="images/cubagallery-img-3.jpg" 
        title="Third Image"> 
        <img src="images/cubagallery-img-3.jpg" /></a> <a href="images/cubagallery-img-4.jpg" 
         title="Fourth Image"> 
         <img src="images/cubagallery-img-4.jpg" /></a> <a href="images/cubagallery-img-5.jpg" 
          title="Fifth Image"> 
          <img src="images/cubagallery-img-5.jpg" /></a> 
    </div> 

다음 상기 코드 CSS이다 ..

.min-gallery 
{ 
    max-width: 1400px; 
    height: 630px; 
    margin: auto; 
} 
.min-gallery .preview 
{ 
    max-width: 1300px; 
    height: 493px; 
    margin-top: 36px; 
    margin-left: 36px; 
    margin-right: 36px; 
    position: relative; 

    overflow: hidden; 
    background-color: White; 
} 

내가 최대 폭으로 폭을 변경 모두 클래스 위에서

때문에이 이미지의 크기 변화 :

다음

는 코드 브라우저 화면 크기 당. 그러나 이미지의 높이가 변하지 않고 고정되어 있습니다. 이 경우 속성이 변경되었으므로 이미지가 사라지는 시점에서 높이가 최대 높이가됩니다 (이미지 높이가 0px가된다는 의미입니다). 최소 높이로 변경하면 브라우저 화면 크기가 커지면 이미지 높이가 올라가지 않습니다.

나는 Google을 많이 사용했지만이 문제를 해결하는 방법을 모르겠다. 이 문제를 해결하려면 누구든지 나를 도울 수 있습니까? 미리 감사드립니다.

Answer 1

클래스에서 .min gallary 또한 일반적인 높이가 아닌 최대 높이로 만드십시오. 문제가 해결되어야한다고 생각합니다. 사업부 100 %

.min-gallery{ max-width: 1400px; 
max-height: 630px; 
margin: auto; 

}