調整容器內的圖像大小？

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}