调整容器内的图像大小？

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}