如何製作圖片：放大時小，保持中心大

Question

我有一個圖像容器（一個div），設置寬度和高度。

現在我從後端得到了一個圖像url，我需要把它放在容器中。

當圖像比容器小時，我需要將它放大以填滿容器 當圖像大於容器時，我需要將它置於容器中。

這可以在純CSS中完成嗎？或者我需要使用JavaScript來做些什麼？

Answer 1

您將需要CSS和JavaScript的混合物，這裏是我爲您創建了一個例子：

http://jsfiddle.net/7fUxw/1/

Answer 2

圖像上的min-width:100px怎麼樣，div的寬度是100px。