jquery - 调整容器内的图像大小？

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>, 因为它们被默认替换为内联元素

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

Answer 2

你应该使用max-width而不是width

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