html - 浏览器无法正常调整图像大小

Question

当用户调整浏览器宽度时，我正在尝试调整 Logo 图像的大小。

    <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”。

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

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

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

Answer 1

Working Fiddle

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

不需要 !important