在 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 高的图像?
最佳答案
删除 display: inline-block
样式来自 #siteorigin-panels-builder-9
(容器 .widget
用于最顶部的标题元素。
这干扰了结合 float、flexbox 和 calc()
的有点脆弱的布局。宽度。
关于css - IE11 不尊重高度 : auto,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47388099/