컨테이너 내부의 이미지 크기를 조정 하시겠습니까?

Question

내가이 같은 사업부의 이미지를 넣어

$('div.container').resizable({ aspectRatio:true})

JQuery와 기능으로 이미지 크기를 조정하려면 :

.container { width:350px; height:auto; background-color:black} 
.container img { width:100%; height:auto} 

<div class=container> 
    <img .../> 
</div> 

그러나 당신이 여기에서 볼 수 있듯이 http://jsfiddle.net/Gz4ts/ 은 항상 거의 없다 살 하단에 국경.

어떻게 해결할 수 있습니까?

Answer 1

여기에서 볼 수 있듯이 http://jsfiddle.net/Gz4ts/은 항상 하단에 약간의 경계가 있습니다. 이 문제를 어떻게 해결할 수 있습니까?

는

그냥 추가 :

display: block; 

을 <img>에, 당신은 대신 max-width를 사용해야합니다

http://jsfiddle.net/Gz4ts/1/

Answer 2

가 기본적으로 inline elements을 교체하고 같은 width

.container img { max-width:100%; height:auto}