设置了max-width后，ie10 img仍然被拉伸（已解决）

问题描述

最近碰到一个很奇怪的问题,项目只要兼容到ie10，设置了max-width后，ie10的图片仍然被拉伸了。

期望的图

问题图

通过调试发现，ie10上的img被莫名其妙的赋值上了width和height属性

<img  src="xxx"  width=""  height=""  />

原来的css

  max-width: 161px;
  max-height: 130px; 

解决方案（设置width:auto,height:auto）

 
  max-width: 161px;
  max-height: 130px;
  height: auto;
  width: auto; 

成功解决ie10下的img被拉伸问题