Internet Explorerの高さ：100％Chromeと同じ結果が表示されない

Question

からthis answerサービスメニューのimgアイコンの親コンテナをすべてthis siteに設定して、アイコンがChromeよりも小さく表示されないようにしました。クロム（正しい）で

：

IE 10では

（ほとんど誤っ）：

Iを使用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のアイコンはまだ小さく表示されます。まだすべてがサービスの見出しと同じ高さで表示されているように見えるIEのアイコン

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

：

メインのスタイルシートでCSSがあり、例えば<span class="ubermenu-target-title ubermenu-target-text">Employment Services</span>

私はIEインスペクタを嫌い、使いにくいです。

ヘルプありがとうございます。

Answer 1

画像タグにwidthの画像を10px、heightを10pxとしているようです。あなたのhtmlを制御する場合は、これらを削除することができ、それは正常に動作するはずです。あなただけのCSSを制御する場合は、width: auto;を次のように追加してください：

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