html - 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;
}