如何扩展我的形象 - 响应式设计

Question

我无法在我的网站（www.seandorsman.nl）上制作可缩放的图片（徽标）。 我使用以下CSS：

.logo
{       
height: auto;
width: 100%;
max-width: 920px;
background-color:#0FF;
margin-left:auto;
margin-right:auto;
}

以下HTML：

<div class = "logo" >
<img src = "images/logo.png"/>
</div>

我一直在网上看，我能找到的就是我需要使用

width:100%;
height:auto;
max-width:920px;

我做错了什么，为什么没有图像比例？

PS。您也可以在我的网站上查看完整的代码。

Answer 1

错误的方式（嗯，我想这没关系，但我会这样做）。尝试：

width:920px;
height:auto;
max-width:100%;
display: block; /*for IE*/

这需要在图像本身上，而不是图像的包装