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!