The fierce competition in the browser market brings Compatibility Design troubles to web design developers. The IE browser alone has several mainstream versions, such as IE6, IE7, and IE8. Of course, you can use third-party integration tools such as ietester and multi-version IE coexistence solutions to facilitate code debugging. But we always need to find a more time-saving and labor-saving method.
X-UA-compatible is a special file header tag for IE8, used to specify different page rendering modes for IE8. Due to the high utilization rate of IE6 and IE7, it is very important to enable the X-UA-compatible compatibility mode of IE8.
Sample Code for various compatibility modes:
<meta http-equiv="X-UA-Compatible" content="IE=5" />
For example, the quirks mode of Windows Internet Explorer 7 is used, which is similar to that of Windows Internet Explorer 5.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
Whether or not the page contains <! The doctype> command uses the standard rendering mode of Windows Internet Explorer 7.
<meta http-equiv="X-UA-Compatible" content="IE=8" />
The standard rendering mode of IE8 is enabled, but since the X-UA-compatible file header only supports IE8 or later versions, it is equivalent to redundant code.
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge mode notifies Windows Internet Explorer to display content in the highest available mode, which breaks the "Lock" mode.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Emulateie7 mode notifies Windows Internet Explorer <! Doctype> command to determine how to present the content. Standard mode commands are displayed in Windows Internet Explorer 7 standard mode, while quirks mode commands are displayed in ie5 mode. Unlike IE7, emulateie7 follows the <! Doctype> command. For most websites, it is the preferred compatibility mode.