html网页如何使用哪种浏览器内核渲染的选择?

众所周知,国内的浏览器基本都是双内核的(ie(Trident)+webkit);而且基本默认时都是用webkit内核。尽管IE浏览器体验差,但是有时也会需要用IE内核来渲染的(比如银行网站)。

如果要切换IE内核的方法是在头部加<meta name="renderer" content="ie-comp|ie-stand">就可以了

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="ie-comp|ie-stand">
    <title>使用IE内核</title>
</head>

正常情况下,如果 是双内核 的会自动切换至IE内核,单内核的直接忽视了。

相反的如果要用webkit内核,那么加上<meta name="renderer" content="webkit">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit">
    <title>使用webkit内核</title> 
</head>

如果混合使用,让浏览器 自己选择,可以加上<meta name="renderer" content="webkit|ie-comp|ie-stand">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>自动选择</title>
</head>