图像调整大小浏览器无法正常工作

Question

我想在用户调整浏览器宽度时调整徽标图片的大小。

    <div id="header">
    <div class="header_top_section">
                        <a href="http://carcarlease.com" class="desktop_logo site_logo"><img src="http://carcarlease.com/wp-content/uploads/2014/02/logo3.png" alt="" class="logo"></a></div>

如您所见，我已将图像命名为“徽标”。

在我的样式表中，我定义了应该实现此目的的这些属性。

.logo{
max-width: 100% !important;
height: auto !important;
}

然而，这没有任何效果。您可以在此处查看结果：http://www.carcarlease.com

Answer 1

Working Fiddle

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

无需!important

Answer 2

Jatin的代码在这里工作正常，或者你正在寻找这个？

Fiddle

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

注意：由于防火墙安全，我无法查看您提供的链接。