IE11在列表项周围放置额外的填充

Question

我对Internet Explorer 11处理uls的方式有一个奇怪的问题，这种问题不会发生在任何其他浏览器中。

以下是IE11中ul的图片：

以下是Chrome和其他浏览器中ul的图片：

.iconImgBA {
  max-width: 2.4rem;
  margin-right: 1rem;
}
.listtweaksMA-ba2 {
  padding-left: 0;
  > li {
    text-align: center;
    margin-bottom: 1em;
    &: last-of-type {
      margin-bottom: 0;
    }
    font-size:1.7rem;
    list-style-type:none;
    padding-left:0;
  }
}

<ul class="listtweaksMA-ba2">
    <li><img class="iconImgBA" align="center" src="http://placehold.it/50x50" alt="Modern Digital Marketing icon">Lead Generation</li>
    <li><img class="iconImgBA" align="center" src="http://placehold.it/50x50" alt="Modern Digital Marketing icon">Marketing Optimized Websites</li>
    <li><img class="iconImgBA" align="center" src="http://placehold.it/50x50" alt="Modern Digital Marketing icon">Social Media Marketing</li>
    <li><img class="iconImgBA" align="center" src="http://placehold.it/50x50" alt="Modern Digital Marketing icon">Content Marketing</li>
    <li><img class="iconImgBA" align="center" src="http://placehold.it/50x50" alt="Modern Digital Marketing icon">Search Engine Optimization</li>
</ul>

我有什么问题吗？如果是这样的话？

Answer 1

我发现问题是Internet Explorer 11无法正确解释lis内最大宽度的图像。将max-width更改为width可以解决我的问题。我对Internet Explorer的仇恨已被更新。