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