chrome和Internet Explorer 11的图像大小差异

Question

我正在为图像添加一个简单的网站，但是正在计算Internet Explorer 11上的尺寸要小得多，并且图像之间会发生变化：

internet explorer image

但在chrome上可以正常工作

chrome image

这是图片的css：

.postImage {
  padding: 0 0 0 15px;  
  height: 50px;
  width: 50px;
  border-radius: 2px;
}

谢谢！

Answer 1

因此，在进行了一些修改并获得here的帮助之后，我使它可以跨浏览器工作。自从我两次设置高度以来，这似乎很奇怪，但这是我预期的对IE11起作用的唯一方法。

父班：

.postBox{
  height: 100px;
  width: 220px;
  margin-bottom:15px;
  display: flex;
  cursor :pointer;

  /* to fix IE11 */
    min-height:1px;
  padding: 10px 0 0 0px;
}

子图像类：

.postImage {
  padding: 0 0 0 15px;  
  border-radius: 2px;

/*   to fix IE11 not working */
  max-height:50px;
  max-width:50px;
  height: 50px;
}