1

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

4

1 回答 1

1

错误的方式(好吧,我想这没关系,但我会这样做)。尝试:

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

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

于 2013-10-26T21:33:44.577 回答