css - 如何缩放我的图像 - 响应式设计

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。您也可以查看我的网站以获取完整代码。

score 1 · Accepted Answer

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

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

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

1 回答 1