[原创] ie中img被拉伸，自动为width，height赋值

需求：人脸照片展示
说明：cs端上传图片，在web上展示。由于只对图片大小，格式进行判断，而无法控制图片形状。效果如下

如果没有图片，即展示默认图片。默认图片是350px*250px大小，和外面的div是保持一致大小.

<div class="boxImg">
   <img class="imgContent userMgrImg" :src="facePicPath"/>
</div>

.boxImg{
  width:350px;
  height:200px;
  text-align: center;
  display:table-cell;
  vertical-align: middle;
  /* border:1px solid #ccc; */
}
.boxImg .imgContent{
  max-height:100%;
}

加入src有图片，在chrome中展示效果如下

内部img是居中显示，不被拉伸。
但是在ie10中，被莫名的赋予了外面容器的宽高

扣了N次脑袋，终于发现只要设置img为 height:auto，width:auto，就不会出现这种情况了

img {
   height: auto;
   width: auto;
 }