IE11 不尊重高度：自动

Question

在 Internet Explorer 11 中，在https://www.superiorit.com.au，右上角的“s control”图标显示为height: 94px;

如img标签中所指定：

<img src="https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal.png" width="375" height="94" srcset="https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal.png 375w, https://www.superiorit.com.au/wp-content/uploads/2017/11/new_connect_logo_web_normal-300x75.png 300w" sizes="(max-width: 375px) 100vw, 375px" class="so-widget-image">

但是 CSSheight: auto;在：

.so-widget-sow-image-default-eef982a7180b .sow-image-container .so-widget-image {
    display: inline-block;
    max-width: 100%;
    width: inherit;
    height: auto;
}

不受 IE11 的尊重。Chrome 尊重这个 CSS 并将 img 的高度降低到 25px 高：

如何让 IE11 显示 @ 25px 高的图像？

Answer 1

display: inline-block从#siteorigin-panels-builder-9（.widget最顶部标题元素的容器中删除样式。

这干扰了结合浮动、弹性盒和calc()宽度的有点脆弱的布局。

Answer 2

添加最大高度：30px

.so-widget-sow-image-default-eef982a7180b .sow-image-container .so-widget-image {
  display: inline-block;
  height: auto;
  max-width: 100%;
  width: inherit;
  max-height:30px
}