용기 크기가 동일한 이미지 크기

Question

컨테이너를 내 이미지 크기와 어떻게 같게 할 수 있습니까? 나는 창의 이미지 스케일을 가지고 있고 이미지 슬라이더이기 때문에 컨테이너 안에 앉아있다.

CSS

#full_image { 
overflow:hidden; 
position:absolute; 
display: inline-block; 
margin: 5% 5% 5% 5%; 
opacity: 0; 
} 

#full_image ul { 
display: -moz-inline-stack; 
} 

#full_image ul li img{ 
width:100%; 
max-width:100%; 
overflow: hidden;  
display: inline-block; 
} 

HTML 여기

<div id="full_image"> 
    <ul> 
     <li> 
      <img src="'+img+'"/> 
     </li> 
    </ul> 
</div> 

Answer 1

는 작업 jsfiddle이다. 테두리를 표시하기 위해 몇 가지 추가 CSS를 추가했습니다.

1. 당신은 당신이 #full_image의 폭과 이미지 비늘 (이 예를 들어 거기의 공간을 채우기 위해 폭은 지정할 필요가 없습니다)을 변경할 수 있습니다 알 수 있습니다.
2. 크기를 조정하려면 최대 너비 만 필요합니다.
3. opacity이 0 인 것으로 나타났습니다. 이미지를 볼 수 있도록 제거했습니다.