First, renderer
<meta name= "renderer" content= "Webkit|ie-comp|ie-stand" >
For dual-core browsers: Specifies how the dual-core browser renders the page by default.
<meta name= "renderer" content= "WebKit" >//default WebKit kernel <meta name= "renderer" content= "Ie-comp" >//
Default IE Compatibility mode
<meta name= "renderer" content= "Ie-stand" >//default IE Standard mode
And Webkit|ie-comp|ie-stand This type of writing, similar to the rules of font-family, according to the order of exclusive priority, not supported down, the browser will be left to right in order to select its own rendering kernel to process the current page.
The browsers that support it are currently available: 360
Ii. What is the role of adding x-ua-compatible and ie=edge,chrome=1 to HTML Meta
This is a definition of the document compatibility mode.
Edge mode tells IE to render the document in the superlative mode, which means that any IE version is rendered in the highest standard mode supported by the current version, avoiding the impact of version upgrades. To put it simply, what version of IE is used to render the standard mode of
<meta http-equiv= "x-ua-compatible" content= "Ie=edge" >
Use the following code to force IE to render using the Chrome Frame
<meta http-equiv= "x-ua-compatible" content= "chrome=1" >
Prompt IE user to install Google Frame
Google official provided the Google Frame plug-in installation test, here directly to call the method, if the detection of IE did not install Google frame, the pop-up dialog prompts the installation.
<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 the above two types:
<meta http-equiv= "x-ua-compatible" content= "ie=edge,chrome=1" >
The above is the entire content of this article, I hope for everyone's study and work can help. If you have questions, you can exchange messages.