How to understand IE's document compatibility mode (x-ua-compatible)?
IE supports a variety of document compatibility modes, thus changing the rendering effect of the page.
IE9 model supports a full range of established industry standards, including HTML5 (draft), CSS Level 3 specification (draft), SVG 1.0 specification, etc.
<meta http-equiv= "x-ua-compatible" content= "Ie=9" >
IE8 mode supports many established industry standards, the CSS level 2.1 specification and the World wide selectors API, limited support CSS Level 3 specification (draft) and other industry standards
<meta http-equiv= "x-ua-compatible" content= "ie=8" >
IE7 mode forces the browser to render the document in IE 7 Standard mode, ignoring whether the directive is defined
<meta http-equiv= "x-ua-compatible" content= "ie=7" >
Emulate IE9 mode tells IE to use instructions to decide if the document is rendered. IE9 rendering in standard mode with IE5 rendering in quirks mode. Unlike the IE9 model, emulate IE9 mode takes instructions
<meta http-equiv= "x-ua-compatible" content= "IE=EMULATEIE9" >
Emulate IE8 mode tells IE to use instructions to decide if the document is rendered. IE8 rendering in standard mode with IE5 rendering in quirks mode. Unlike the IE8 model, emulate IE8 mode takes instructions
<meta http-equiv= "x-ua-compatible" content= "IE=EMULATEIE8" >
Emulate IE7 mode tells IE to use instructions to decide if the document is rendered. IE7 rendering in standard mode with IE5 rendering in quirks mode. Unlike IE7 mode, emulate IE7 mode takes instructions. For most sites, this is the preferred compatibility mode
<meta http-equiv= "x-ua-compatible" content= "Ie=emulateie7" >
IE5 mode tells IE7 whether to render the document in quirks mode
<meta http-equiv= "x-ua-compatible" content= "ie=5" >
Edge mode tells IE to render the document in top-level mode, which means that any version of IE is rendered in the most advanced standard mode supported by the current version, avoiding the impact of the version upgrade. Simply put, what version of IE is used to render the standard mode
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
Use the following code to force IE to use Chrome Frame rendering
<meta http-equiv= "x-ua-compatible" content= "chrome=1" >
Prompting IE users to install Google Frame
Google has provided the Google frame plug-in installation of the detection, the method can be called directly here, if IE is detected does not install Google frame, the Pop-up dialog box prompts to install.
<script src= "Http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js" ></script>< Script>cfinstall.check ();</script>
The best compatibility mode scenario, combined with both of the above:
<meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1" >
x-ua-compatible compatibility mode