Internet Explorer高度：100％不会产生与Chrome相同的结果

Question

从this answer我已将img图标的所有父容器设置在this site的服务菜单中，以防止图标显示比Chrome中显示的要小。

在铬（正确）：

在IE 10（大部分是不正确的）：

我使用的IE特定的样式表是：

<!--[if IE]> 
    <link rel="stylesheet" href="https://www.orsgroup.com.au/wp-content/themes/nevada-child/css/ie.css" media="screen" /> 
<![endif]--> 

包含：

html, body, #wrap, #nav-wrap, #nav-wrap .container, .ubermenu, .ubermenu-nav, .ubermenu-submenu, .ubermenu-item, .ubermenu-target {height: 100%;} 

但是，img图标仍显示为小图标。

有一个在主样式表CSS：

.ubermenu .ubermenu-image:not(.ubermenu-image-lazyload) { 
    height: auto; 
} 

但在IE中的图标都显得在相同的高度作为服务标题显示：例如<span class="ubermenu-target-title ubermenu-target-text">Employment Services</span>

我讨厌IE浏览器，并且很难使用它。

帮助赞赏。

Answer 1

看起来你似乎在图像标签内使图像成为的10px和height的10px。如果你控制你的HTML你可以删除这些，它应该工作正常。如果您只控制css，只需将width: auto;添加到以下内容：

.ubermenu .ubermenu-image:not(.ubermenu-image-lazyload) { 
    height: auto; 
    width: auto; 
}