如何在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