Изменить размер изображения внутри контейнера?

Question

Чтобы изменить размер изображения с помощью функции JQuery

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

Я поместить изображение в DIV, как это:

.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>, как они заменены inline elements по умолчанию

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

Answer 2

Вы должны использовать max-width вместо width

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