调整容器内的图像大小？

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}