css - IE11 不尊重高度 : auto

Question

在 Internet Explorer 11 中，位于 https://www.superiorit.com.au ，右上 Angular 的“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">

但是 CSS height: 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 用于最顶部的标题元素。

这干扰了结合 float、flexbox 和 calc() 的有点脆弱的布局。宽度。