By adding this meta tag inside the <head> part of your script, you allow the page to emulate on Microsoft Edge (which is Windows 10’s latest browser), essentially overriding IE compatibility view settings:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
Note that it should be the first thing inside your head for it to work (lol). So make sure to put it right after the <head> tag.
Alternatively, but I haven’t tried, if your application runs on IIS Manager you can try adding this code on web.config:
<system.webServer>
<httpProtocol>
<customHeaders>
<add name="X-UA-Compatible" value="IE=edge" />
</customHeaders>
</httpProtocol>
</system.webServer>
Helpful link here.
This workaround works on intranet sites hosted on domains where IE compatibility view settings are applied. We have several apps deployed on a whitelisted domain that are being forced to emulate on IE 5, essentially messing up our CSS. So yep, adding a meta tag worked for me! 🙂 Hope this helps!
Leave a Reply