從this answer我已將img
圖標的所有父容器設置在this site的服務菜單中,以防止圖標顯示比Chrome中顯示的要小。Internet Explorer高度:100%不會產生與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瀏覽器,並且很難使用它。
幫助讚賞。
爲什麼不在這種情況下將其高度設置爲'1em'?而不是'auto'? – somethinghere
在Chrome中,img'圖標顯示爲客戶滿意,並且它們適應包含 Steve
'auto'不符合這些要求中的任何一個,它只是表示圖像的標準高度,它們可能都顯示爲相同的高度,因爲它們的天然高度_ – somethinghere