如何在html標籤中顯示適合DIV的肖像圖像？

Question

我有肖像圖像，我想適合DIV標籤具有相同的比例。 例如圖像，你可以在以下鏈接

http://www.megafileupload.com/4Loy/img.png

Answer 1

如果想保持DIV高度和寬度，適應圖像到DIV同時保持圖像比例，然後你的代碼已經在這樣做。

請參見jsfiddle添加邊框顯示圖像不會變大，因爲它已經填充了父DIV高度。

如果你想這樣的DIV高度反應圖像改變其屬性，然後取出DIV高度，並添加以下IMG規則：

img {width: 100%; height: auto;} 

這將填補父容器的寬度，同時保持圖像比例，DIV高度會自動作出反應以適應圖像。

示例2：jsfiddle