限制图像大小

Question

看看这个 - http://thegalaxyseries.com/amazon。当我在PC上查看时，页脚中的标记图像正确呈现。然而，它们在手机上放大并呈现出颗粒感。这是我正在使用的CSS。

#footer {
  display: block;
  max-width: 32px !important;
  max-height: 32px !importent;
    image: url(http://static1.squarespace.com/static/5653b243e4b00b10015d2a20/t/565f318be4b02e4017e3bd55/1449079179674/flag-icon-us.gif);
}

我错过了什么？

Answer 1

检查出来： http://jsfiddle.net/u7ft319o/2/

HTML：

<div id="footer">
  <img  class ="footer-image" src="http://static1.squarespace.com/static/5653b243e4b00b10015d2a20/t/565f318be4b02e4017e3bd55/1449079179674/flag-icon-us.gif"/>
</div>

的CSS：

#footer {
  display: block;
  max-width: 32px !important;
  max-height: 32px !importent;
}

.footer-image{
  max-width: 32px !important;
  max-height: 32px !importent;
}