使用css的响应式图像

Question

我想让我的网站的徽标响应，我在joomla 3x工作，我的dafault模板是gk_magazine。 我试过这个：

#gkLogo.cssLogo {
background: #4d90fe url(../images/logo.png) 
no-repeat 0 0;

max-width:100% !important;
max-height:auto;
display: block;
margin: 0;

}

但我的徽标似乎很小。我需要帮助！ Thanx提前

Answer 1

使用Background-size属性。

背景尺寸：272px 120px; / *原始尺寸 /
背景大小：100％; / 来填充父div /元素的宽度* /

参考http://www.w3schools.com/cssref/css3_pr_background-size.asp